/* eslint-disable react/jsx-no-useless-fragment */
import type { Meta, StoryObj } from '@storybook/react';

import {{COMPONENT_CLASS_NAME}} from './index';
import configProps from './mock';

const meta: Meta<typeof {{COMPONENT_CLASS_NAME}}> = {
  title: '{{COMPONENT_CLASS_NAME}}',
  component: {{COMPONENT_CLASS_NAME}},
  excludeStories: /.*Data$/
};

export default meta;
type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;

export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
  const props = {
    ...configProps
  };

  return (
    <>
      <{{COMPONENT_CLASS_NAME}} {...props} {...args} />
    </>
  );
};

Base{{COMPONENT_CLASS_NAME}}.args = {
  caseId: configProps.caseId,
  heading: configProps.heading,
  subheading: configProps.subheading,
  caseType: configProps.caseType,
  summaryFields: configProps.summaryFields,
  tabs: configProps.tabs,
  summaryExpanded: configProps.summaryExpanded,
  utilitiesExpanded: configProps.utilitiesExpanded
};