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

const meta = {
    title: "Example/Radio",
    component: RadioButton,
    parameters: {
        layout: "centered",
    },
    tags: ["autodocs"],
    argTypes: {

    },
} satisfies Meta<typeof RadioButton>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {
    args: {
        options: [
            { value: 'Contact Live Agent', label: 'Contact Live Agent', subLabel: 'Contact Live Agent', confidence: "80" },
            { value: 'Followup with Agent', label: 'Followup with Agent', subLabel: 'Followup with Agen', confidence: "85" },
            { value: 'Preprocess Live Agent ', label: 'Preprocess Live Agent', subLabel: 'Preprocess Live Agent', confidence: "94" },
        ],
        initialValue: 'Preprocess Live Agent',
        iconName: 'intent-10',
        onOptionChange: (option) => {
            console.log('selected value', option);
        },
    },
};

export const NoIcon: Story = {
    args: {
        options: [
            { value: 'Contact Live Agent', label: 'Contact Live Agent', subLabel: 'Contact Live Agent', confidence: "80" },
            { value: 'Followup with Agent', label: 'Followup with Agent', subLabel: 'Followup with Agent', confidence: "85" },
            { value: 'Preprocess Live Agent ', label: 'Preprocess Live Agent', subLabel: 'Followup with Agent', confidence: "94" },
        ],
        initialValue: 'Preprocess Live Agent',
        onOptionChange: (option) => {
            console.log('selected value', option);
        },
    },
};

export const NoSubLabel: Story = {
    args: {
        options: [
            { value: 'Contact Live Agent', label: 'Contact Live Agent', confidence: "80" },
            { value: 'Followup with Agent', label: 'Followup with Agent', confidence: "85" },
            { value: 'Preprocess Live Agent ', label: 'Preprocess Live Agent', confidence: "94" },
        ],
        initialValue: 'Preprocess Live Agent',
        iconName: 'intent-10',
        onOptionChange: (option) => {
            console.log('selected value', option);
        },
    },
};