import React from "react";
import { Meta, StoryFn } from "@storybook/react";
import { ExperienceCard, ExperienceCardProps } from "./ExperienceCard";

export default {
  title: "Organisms/Profile/ExperienceCard",
  component: ExperienceCard,
  decorators: [
    (Story) => (
      <div className="max-w-[654px]">
        <Story />
      </div>
    ),
  ],
} as Meta;

const Template: StoryFn<ExperienceCardProps> = (args) => (
  <ExperienceCard {...args} />
);

export const Default = Template.bind({});

Default.args = {
  title: "Head of Qualitative Research",
  image: "images/avatar.jpeg",
  place: "sample name",
  text: `Lorem ipsum dolor sit amet consectetur adipisicing elit. 
  Aliquid quaerat impedit maxime ea architecto, soluta rem in odio. 
  Rem quo maiores perspiciatis ab, incidunt a rerum qui. Aliquid, animi sequi?`,
  from: new Date("2020/01/01"),
  to: new Date(),
};
