/* @aztlan/generator-front 1.1.4 */
import {
  Meta, StoryObj,
} from '@storybook/react'
import decorators from 'story-utils/decorators.js'
import Component from './OpeningHoursInput.js'

const meta: Meta<typeof Component> = {
  title     :'form/inputs/OpeningHoursInput',
  component :Component,
  decorators:[decorators.components.Form],
}

export default meta

const defaultValue = [
  [
    '8:00',
    '10:30',
  ],
  [
    '32',
    '36:30',
  ],
  [
    '56',
    '62:30',
  ],
  [
    '80',
    '86:30',
  ],
  [
    '104',
    '110:30',
  ],
  [
    '128',
    '134:30',
  ],
  [
    '152',
    '158:30',
  ],
]

export const Base: StoryObj<typeof Component> = {
  args:{
    name                    :'openingHours2',
    registerProps           :{ defaultValue },
    nestedSpanContentDesktop:5,
    nestedSpanLabelDesktop  :3,
  },
}

export const Format12: StoryObj<typeof Component> = {
  args:{
    ...Base.args,
    format:12,
  },
}