import React from "react";
import { Meta, StoryFn } from "@storybook/react";
import {
  ProfileSectionHeader,
  ProfileSectionHeaderProps,
} from "./ProfileSectionHeader";

export default {
  title: "Molecules/Profile Section Header",
  component: ProfileSectionHeader,
} as Meta;

const Template: StoryFn<ProfileSectionHeaderProps> = (args) => (
  <ProfileSectionHeader {...args} />
);

export const Default = Template.bind({});
Default.args = {
  title: "Education",
  isEditMode: false,
  showAddButton: false,
};
export const withAddButton = Template.bind({});
withAddButton.args = {
  title: "Experience",
  isEditMode: false,
  showAddButton: true,
};
export const editMode = Template.bind({});
editMode.args = {
  title: "Education",
  isEditMode: true,
  showAddButton: false,
};
