import { Box } from '@rocket.chat/fuselage';
import type { StoryObj, Meta } from '@storybook/react';

import BusinessHoursTable from './BusinessHoursTable';

export default {
	component: BusinessHoursTable,
	parameters: {
		actions: {
			argTypesRegex: '^on.*',
		},
	},
} satisfies Meta<typeof BusinessHoursTable>;

export const Default: StoryObj<typeof BusinessHoursTable> = {
	render: (_args) => <BusinessHoursTable />,
	name: 'BusinessHoursTable',

	args: {
		businessHours: [
			{
				name: '',
				timezone: { name: 'America/Sao_Paulo' },
				workHours: [
					{ day: 'Monday', open: true },
					{ day: 'Tuesday', open: true },
					{ day: 'Wednesday', open: true },
					{ day: 'Saturday', open: true },
				],
			},
			{
				name: 'Extra',
				timezone: { name: 'America/Sao_Paulo' },
				workHours: [
					{ day: 'Monday', open: true },
					{ day: 'Tuesday', open: true },
					{ day: 'Saturday', open: true },
				],
			},
			{
				name: 'Extra2',
				timezone: { name: 'America/Sao_Paulo' },
				workHours: [
					{ day: 'Saturday', open: true },
					{ day: 'Sunday', open: true },
					{ day: 'Monday', open: false },
				],
			},
			{
				name: 'Extra3',
				timezone: { name: 'America/Sao_Paulo' },
				workHours: [
					{ day: 'Monday', open: true },
					{ day: 'Saturday', open: true },
				],
			},
		],
		params: {},
	},

	decorators: [
		(fn) => (
			<Box maxWidth='x600' alignSelf='center' width='full' margin={24}>
				{fn()}
			</Box>
		),
	],
};