export default {
  title: 'Demo',
}

export const Heading = () => '<h1>Hello World</h1>'

export const Button = () => {
  const btn = document.createElement('button')
  btn.type = 'button'
  btn.innerText = 'Button'
  btn.addEventListener('click', (e) => {
    console.log('clicked')
  })
  return btn
}

export const withText = () => '<button class="btn">Hello World</button>'

export const withEmoji = () => {
  const button = document.createElement('button')
  button.innerText = '😀 😎 👍 💯'
  return button
}

export const Rating = () => {
  const rat = document.createElement('my-rating')
  rat.type = 'my-rating'
  rat.id = 'myRatingComponent'
  rat.value = 4
  rat.maxValue = 5
  return rat
}