import CardSection from "@components/CardSection/CardSection";
import type { Meta, StoryObj } from "@storybook/react";


// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
const meta = {
    title: "Example/CardSection",
    component: CardSection,
    parameters: {
        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
        layout: "centered",
    },
    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
    tags: ["autodocs"],
    // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
    argTypes: {
    },
} satisfies Meta<typeof CardSection>;

export default meta;

type Story = StoryObj<typeof meta>;

// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
export const Primary: Story = {
    args: {
        title: "Data sources",
        data: [
            {
                id: "12",
                logo: "https://prod0.login.aisera.cloud/aisera/web/assets/integrations/assist.svg",
                title: "AI Assist",
            },
            {
                id: "13",
                logo: "https://prod0.login.aisera.cloud/aisera/web/assets/integrations/webchat.svg",
                title: "Webchat",
            },
            {
                id: "12",
                logo: "https://prod0.login.aisera.cloud/aisera/web/assets/integrations/assist.svg",
                title: "AI Assist",
            },
           
        ],
       
        onClickAvatar: (arg) => { },

    },
};