import { Meta, StoryFn } from '@storybook/react-webpack5';

import { InsightsBox, Props } from './InsightsBox';

export default {
  component: InsightsBox,
  header: 'Components/InsightsBox',
} as Meta;

function Template({ header, content }: Props) {
  return <InsightsBox header={header} content={content} />;
}

export const Primary: StoryFn<Props> = Template.bind({});
Primary.args = {
  header: 'Insights box header',
  content: 'This is the content of the insights box',
};
