import type { Meta, StoryObj } from '@storybook/react';
import React from 'react';
import { DialogSingleSelect } from './dialog-single-select';

const meta: Meta<typeof DialogSingleSelect> = {
  title: 'DialogSingleSelect',
  component: DialogSingleSelect,
};

export default meta;
type Story = StoryObj<typeof DialogSingleSelect>;

const Template: Story = {
  args: {
    open: true,
    setOpen: () => {},
    options: [
      { id: 'option1', title: 'option1' },
      { id: 'Option 2', title: 'option2' },
      { id: 'Option 3', title: 'option3' },
    ],
    onSelect: () => {},
    searchPlaceholder: 'Select an option',
  },
};

export const Default: Story = {
  ...Template,
};

export const WithTitle: Story = {
  ...Template,
  args: {
    ...Template.args,
    title: 'Issues',
  },
};

export const DestructiveTitle: Story = {
  ...Template,
  args: {
    ...Template.args,
    title: 'Issues',
    tone: 'destructive',
    open: true,
  },
};

export const WithHint: Story = {
  ...Template,
  args: {
    ...Template.args,
    hints: ['Press ↵ to confirm your selection.', 'Press Esc to close.'],
  },
};