import { tableData } from '../../../utils/storybook/ArgTypes';
export const argTypes = {
  'product-title': {
    name: 'Product title {productTitle}',
    defaultValue: 'iPhone 12 Pro',
    control: { type: 'text' },
    description: 'Title of the product',
    table: tableData('Options', 'string', '-'),
  },
  'img-src': {
    name: 'Product image source {imgSrc}',
    defaultValue: 'https://www.telia.se/dam/jcr:1f591999-434e-4203-9900-2c498d62dfdb/se-front-white-min.png',
    control: { type: 'text' },
    description: 'Product image source URL',
    table: tableData('Options', 'string', '-'),
  },
  'pre-title': {
    name: 'Component contextual title {preTitle}',
    defaultValue: 'APPLE',
    control: { type: 'text' },
    description: 'Contextual information for product title',
    table: tableData('Options', 'string', '-'),
  },
  'badge-title': {
    name: 'Badge title {badgeTitle}',
    defaultValue: '',
    control: { type: 'text' },
    description: 'Optional badge that can be added to the product',
    table: tableData('Options', 'string', '-'),
  },
  'badge-variant': {
    name: 'Badge variant {badgeVariant}',
    defaultValue: 'special-offer',
    options: ['attention', 'special-offer', 'information', 'not-available'],
    control: { type: 'select' },
    description: 'Optional badge variant control',
    table: tableData('Options', 'string', '-'),
  },
  'alignment': {
    name: 'Text alignment {alignment}',
    defaultValue: 'center',
    options: ['left', 'center'],
    control: { type: 'select' },
    description: 'Card text alignment',
    table: tableData('Options', 'string', 'center'),
  },
};
