import React from "react";
import { Meta, StoryFn } from "@storybook/react";
import { ProfilePicture, ProfilePictureProps } from "./ProfilePicture";
import { CameraPlusIcon } from "../../../icons";

export default {
  title: "Molecules/Profile Picture",
  component: ProfilePicture,
} as Meta;

const Template: StoryFn<ProfilePictureProps> = (args) => (
  <ProfilePicture {...args} />
);

export const Default = Template.bind({});
Default.args = {
  profileImage: "https://picsum.photos/id/12/200",
  icon: <CameraPlusIcon />,
};
