import React from "react";
import { Meta, Story } from "@storybook/react";
import { GiftBox, GiftBoxProps } from "./GiftBox";
import { WeReccomendItem, WeReccomendItemProps } from "./WeReccomendItem";
import { SingleGiftItem, SingleGiftItemProps } from "./SingleGiftItem";
import { CartSingleProduct, CartSingleProductProps } from "./CartSingleProduct";

const meta: Meta = {
  title: "Cart/SingleProduct",
  component: CartSingleProduct,
};
export default meta;

const WeReccomendItemTemplate: Story<WeReccomendItemProps> = (args) => (
  <WeReccomendItem {...args} />
);
const SingleGiftItemTemplate: Story<SingleGiftItemProps> = (args) => (
  <SingleGiftItem {...args} />
);
const Template: Story<CartSingleProductProps> = (args) => (
  <CartSingleProduct {...args} />
);
const GiftBoxTemplate: Story<GiftBoxProps> = (args) => <GiftBox {...args} />;

export const Default = Template.bind({});
Default.args = {
  title: "This is title.",
  size: "xs ",
  price: 150,
  discountedPrice: 200,
  quantity: 2,
  img: "https://cdn.shopify.com/s/files/1/0282/0718/5965/files/i1_5d088e70-d775-4c40-978d-521bd1e64f25.jpg?v=1671085365",
  color: "white",
  tag: "Boîte Cadeau Gratuite",
};

export const GiftBoxDefault = GiftBoxTemplate.bind({});
GiftBoxDefault.args = {
  title: "This is titl.",
  size: ["xs", "s"],
  price: 150,
  discountedPrice: 200,
  quantity: 2,
  img: "https://cdn.shopify.com/s/files/1/0282/0718/5965/files/i1_5d088e70-d775-4c40-978d-521bd1e64f25.jpg?v=1671085365",
  color: "white",
  tag: "Boîte Cadeau Gratuite",
};

export const WeReccomendItemDefualt = WeReccomendItemTemplate.bind({});
WeReccomendItemDefualt.args = {
  title: "This is title.",
  colors: ["#fff", "#f4f5"],
  size: "xs",
  price: 150,
  discountedPrice: 200,
  quantity: 2,
  img: "https://cdn.shopify.com/s/files/1/0282/0718/5965/files/i1_5d088e70-d775-4c40-978d-521bd1e64f25.jpg?v=1671085365",
};

export const GiftItemDefault = SingleGiftItemTemplate.bind({});
GiftItemDefault.args = {
  title: "This is title.",
  price: 150,
  discountedPrice: 200,
  img: "https://cdn.shopify.com/s/files/1/0282/0718/5965/files/i1_5d088e70-d775-4c40-978d-521bd1e64f25.jpg?v=1671085365",
  colors: ["#fff", "#f4f5"],
  tag: "Boîte Cadeau Gratuite",
};