import React from 'react';
import { Meta, Story } from '@storybook/react/types-6-0';
import TabBar, { TabBarProps } from './TabBar';

export default {
  title: 'TabBar',
  component: TabBar,
} as Meta;

const Template: Story<TabBarProps> = (args) => <TabBar {...args} />;

export const Default = Template.bind({});
Default.args = {
  tabs: [
    { id: 'tab1', text: 'First tab' },
    { id: 'tab2', text: 'Second tab', separator: true },
    { id: 'tab3', text: 'Third tab' },
  ],
};
