import React from "react";
import { Meta, Story } from "@storybook/react";
import { CartSideBar, CartSideBarProps } from "./CartSideBar";
import {
  CartSideBarProvider,
  CartSideBarProviderProps,
} from "./CartSideBarProvider";

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

const Template: Story<CartSideBarProps> = (args) => <CartSideBar {...args} />;
const Template2: Story<CartSideBarProviderProps> = (args) => (
  <CartSideBarProvider {...args} />
);

export const Default = Template.bind({});
Default.args = {
  className: "",
  emptyText: "Your bag is empty",
};

export const Default2 = Template2.bind({});
Default2.args = {
  className: "",
};