import { SearchInputVariantArray } from '../../../types/SearchInputVariants';
import { tableData } from '../../../utils/storybook/ArgTypes';
export const argTypes = {
  'placeholder': {
    name: 'Placeholder {placeholder}',
    defaultValue: 'Search...',
    control: { type: 'text' },
    description: 'Used to provide the placeholder text value',
    table: tableData('Options', 'string', 'Search...'),
  },
  'label': {
    name: 'Label {label}',
    control: { type: 'text' },
    description: 'Used to provide the label',
    table: tableData('Options', 'string', '-'),
  },
  'variant': {
    name: 'Variant {variant}',
    options: SearchInputVariantArray,
    defaultValue: 'default',
    control: { type: 'select' },
    description: 'Sets the component variant',
    table: tableData('Options', 'string', 'default'),
  },
  'aria-label': {
    name: 'Accessibility label {ariaLabel}',
    defaultValue: 'Search input',
    control: { type: 'text' },
    description: 'Used to provide the aria-label value for the input',
    table: tableData('Accessibility', 'string', 'Search input'),
  },
  'aria-placeholder': {
    name: 'Accessibility placeholder {ariaPlaceholder}',
    defaultValue: 'Search...',
    control: { type: 'text' },
    description: 'Used to provide the aria-placeholder value',
    table: tableData('Accessibility', 'string', 'Search...'),
  },
  'search-button-text': {
    name: 'Search button text {searchButtonText}',
    defaultValue: 'Search',
    control: { type: 'text' },
    description: 'Used to provide the search button value on "Expressive" variant',
    table: tableData('Options', 'string', 'Search'),
  },
  'search-button-aria-label': {
    name: 'Accessibility label {searchButtonAriaLabel}',
    defaultValue: 'Search button',
    control: { type: 'text' },
    description: 'Used to provide the aria-label value for the search button on "Expressive" variant',
    table: tableData('Accessibility', 'string', 'Search button'),
  },
  'reset-input-button-aria-label': {
    name: 'Accessibility label {clearSearchAriaLabel}',
    defaultValue: 'Reset input button',
    control: { type: 'text' },
    description: 'Used to provide the aria-label value for the "reset input" button',
    table: tableData('Accessibility', 'string', 'Reset input button'),
  },
  'disabled': {
    name: 'Disabled {disabled}',
    defaultValue: false,
    control: { type: 'boolean' },
    description: 'Sets the component as disabled. This prevents users from being able to interact with it, and conveys its disabled state to assistive technologies.',
    table: tableData('Options', 'boolean', false),
  },
};
