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

export default {
  title: "Atoms/Like",
  component: Like,
} as Meta;

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

export const Default = Template.bind({});
Default.args = {
  onClick: () => alert("Clicked on like component"),
  text: "100 (30%)",
  likeIconClassName: "hover:text-red-500",
};
export const Group = Template.bind({});
Group.args = {
  className: "group/like",
  onClick: () => alert("Clicked on like component"),
  text: "100 (30%)",
  likeIconClassName: "group-hover/like:text-red-500 text-[#8F8F8F]",
  textClassName: "text-[13px] text-[#8F8F8F] ",
};
