import Application, { AppEnvironment, AppType } from "@components/Application/Application";
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: "Aisera/ApplicationCard",
  component: Application,
  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 Application>;

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 Default: Story = {
  args: {
    logo: "static/media/src/stories/assets/user.svg",
    name: "Carta CSM Financial Services",
    type: "Domain-Specific",
    id: "109",
    domain: "IT",
    env: [AppEnvironment.LIVE],
    language: "English",
    product: AppType.TicketAI,
    createdOn: "4/1/2023 11:15 AM",
    lastUpdateOn: "8/1/2023 1:08 PM",
    intentCount: 611,
    knowledgeDocCount: 572,
    workFlowCount: 52,
    dataSources: [
      {
        id: "12",
        logo: "https://prod0.login.aisera.cloud/aisera/web/assets/integrations/jira-service-desk.svg",
        title: "JIRA",
      },
      {
        id: "13",
        logo: "https://prod0.login.aisera.cloud/aisera/web/assets/integrations/servicenow.svg",
        title: "Service Now",
      },
      {
        id: "12",
        logo: "https://prod0.login.aisera.cloud/aisera/web/assets/integrations/jira-service-desk.svg",
        title: "JIRA",
      },

    ],
    channels: [
      {
        id: "25",
        logo: "https://prod0.login.aisera.cloud/aisera/web/assets/integrations/assist.svg",
        title: "AI Assist",
      },
      {
        id: "26",
        logo: "https://prod0.login.aisera.cloud/aisera/web/assets/integrations/webchat.svg",
        title: "Webchat",
      },
     
    ],

    onClickDataSource: (id) => {
      console.log('Data source ID:', id);
    },
    onClickChannel: (id) => {
      console.log('Channel ID:', id);
    },

  },
};