import Title from '@design-system/Title';

import { type ContentSwitcherProps } from './types';
import ContentSwitcher from './index';

export default {
  title: 'Composed Components/PeopleExperience/SurveyResults/ContentSwitcher',
  component: ContentSwitcher,
};

const options = [
  {
    id: 'dimensions',
    label: 'Dimensions',
    content: (
      <Title
        title="Dimensions"
        description="Content goes here"
      />
    ),
  },
  {
    id: 'questions',
    label: 'Questions',
    content: (
      <Title
        title="Questions"
        description="Content goes here"
      />
    ),
  },
];

export const Default = (args: ContentSwitcherProps) => (
  <ContentSwitcher {...args} />
);

Default.args = {
  title: 'Survey Sections',
  options,
};
