import { tableData } from '../../../utils/storybook/ArgTypes';
import videoLink from '../../../videos/Telia_5th-Element_Motion_007_Purple_BG_Light.mp4';
export const argTypes = {
  type: {
    name: 'Component type {type}',
    options: ['html', 'vimeo'],
    defaultValue: 'html',
    control: { type: 'select' },
    description: 'Used to set the component variant',
    table: tableData('Options', 'string', '-'),
  },
  src: {
    name: 'Component data source {src}',
    defaultValue: videoLink,
    control: { type: 'text' },
    description: 'Used to set the component variant',
    table: tableData('Options', 'string', '-'),
  },
  controls: {
    name: 'Component controls {controls}',
    defaultValue: true,
    control: { type: 'boolean' },
    description: 'Used to control whether to show or hide component controls',
    table: tableData('Options', 'string', '-'),
  },
  autoplay: {
    name: 'Component autoplay state {autoplay}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Used to control whether component autoplay should be enabled',
    table: tableData('Options', 'string', '-'),
  },
  muted: {
    name: 'Component muted state {muted}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Used to control whether component should be muted',
    table: tableData('Options', 'string', '-'),
  },
  loop: {
    name: 'Component loop state {loop}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Used to control whether component should loop after end of playback',
    table: tableData('Options', 'string', '-'),
  },
};
