// eslint-disable-next-line import/no-extraneous-dependencies
import {
  withKnobs,
} from '@storybook/addon-knobs'

import withTheme from '../../../storybookUtils/decorators/withTheme'

import Table from '.'

export default {
  title: 'Table',
  decorators: [
    withKnobs,
    withTheme,
  ],
}

export const normal = () => ({
  components: {
    Table,
  },
  data() {
    return {
      value: false,
    }
  },
  template: `
    <Table>
      <thead>
        <th>col 1</th>
        <th>col 2</th>
        <th>col 3</th>
      </thead>
      <tbody>
        <tr v-for="i in 5">
          <td>cell {{i}}, 1</td>
          <td>cell {{i}}, 2</td>
          <td>cell {{i}}, 3</td>
        </tr>
      </tbody>
    </Table>
  `,
})
