import PageTitle from '@/components/PageTitle';
import type { Meta, StoryObj } from '@storybook/react';
import { Tabs } from 'antd';

// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
const meta = {
  title: 'Components/PageTitle 页面标题',
  component: PageTitle,
  parameters: {
    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
    // layout: 'centered',
  },
  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
  tags: ['autodocs'],
  // More on argTypes: https://storybook.js.org/docs/api/argtypes
  argTypes: {
    // backgroundColor: { control: 'color' },
  },
  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
  // args: { onClick: fn() },
} satisfies Meta<typeof PageTitle>;

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

// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
export const Primary: Story = {
  args: {
    title: '数据集列表',
  },
};

/* 带有提示信息 */
export const WithTooltip: Story = {
  args: {
    title: '数据集列表',
    tooltip: '其它提示',
  },
};

/* Title 可以是 ReactNode */
export const Custom: Story = {
  args: {
    title: (
      <Tabs
        items={[
          { label: 'Tab 1', key: '1' },
          { label: 'Tab 2', key: '2' },
        ]}
      ></Tabs>
    ),
  },
};
