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

export default {
  title: "Molecules/Marketplace Carousel",
  component: MarketPlaceCarousel,
} as Meta;

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

export const defaultCarousel = Template.bind({});
defaultCarousel.args = {
  carouselData: [
    "https://picsum.photos/id/11/586/670",
    "https://picsum.photos/id/12/586/670",
    "https://picsum.photos/id/13/586/670",
    "https://picsum.photos/id/14/586/670",
    "https://picsum.photos/id/15/586/670",
    "https://picsum.photos/id/16/586/670",
    "https://picsum.photos/id/17/586/670",
    "https://picsum.photos/id/18/586/670",
  ],
  showPrevNext: true,
};
export const WithoutPrevNext = Template.bind({});
WithoutPrevNext.args = {
  showPrevNext: false,
  carouselData: [
    "https://picsum.photos/id/1/586/670",
    "https://picsum.photos/id/2/586/670",
    "https://picsum.photos/id/3/586/670",
    "https://picsum.photos/id/4/586/670",
  ],
};
