import { tableData } from '../../../utils/storybook/ArgTypes';
import colors from '@teliads/foundations-old/colors/variables';
export const argTypes = {
  'background-color': {
    name: 'Component background color {backgroundColor}',
    options: ['White', 'Gray 50', 'Purple 100', 'Purple 850'],
    defaultValue: colors.white,
    control: { type: 'select' },
    description: 'Used to set the component background color ("fill")',
    table: tableData('Options', 'string', '-'),
  },
  'enableVideo': {
    name: 'Video player toggle {enableVideo}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Control to set whether component video player support should be enabled',
    table: tableData('Options', 'string', false),
  },
  'contentHeading': {
    name: 'Content heading',
    defaultValue: 'Explore the Hero Banner component',
    control: { type: 'text' },
    description: 'Component heading content',
    table: tableData('', 'string', '-'),
  },
  'contentText': {
    name: 'Content text',
    defaultValue: 'Experiment with the content* values below if you wish. They are only there for the story, not props of the component.',
    control: { type: 'text' },
    description: 'Component text content',
    table: tableData('', 'string', '-'),
  },
  'contentTextColor': {
    name: 'Content text color',
    options: ['white', 'black'],
    defaultValue: 'white',
    control: { type: 'select' },
    description: 'Component text color',
    table: tableData('', 'string', '-'),
  },
  'contentLink': {
    name: 'Content link text',
    defaultValue: 'Link to exiting offers',
    control: { type: 'text' },
    description: 'Component link label',
    table: tableData('', 'string', '-'),
  },
  'contentHref': {
    name: 'Content link URL',
    defaultValue: 'https://teliacompany.com/',
    control: { type: 'text' },
    description: 'Component link URL',
    table: tableData('', 'string', '-'),
  },
};
