import UiTabs from '@/components/navigation/UiTabs.vue';
import template from '@/documentation/template_field_dependency.mdx';

export default {
  parameters: {
    docs: {
      page: template,
    },
  },
  title: 'Composants/navigation/UiTabs',
  component: UiTabs,
  argTypes: {
    items: {},
  },
  tags: ['technical'],
};

const Template = (args) => ({
  components: {
    UiTabs,
  },
  setup() {
    return { args };
  },
  template: `
    <UiTabs v-bind="args" />
  `,
});

export const Default = Template.bind({});
Default.args = {
  title: 'Title',
  tabs: [
    { name: 'Titi', id: 'titi' },
    { name: 'Toto', id: 'toto' },
  ],
  selectedTabId: null,
};
