import BmsShortLinkMenu from '@/components/navigation/BmsShortLinkMenu.vue';

export default {
  title: 'Composants/navigation/ShortLinkMenu',
  component: BmsShortLinkMenu,
  argTypes: {},
};

const Template = (args) => ({
  components: {
    BmsShortLinkMenu,
  },
  setup() {
    return { args };
  },
  template: `
      <h3>Default</h3>
      <BmsShortLinkMenu v-bind="args.default"/>
      <br/><br/>
      <h3>Outlined</h3>
      <BmsShortLinkMenu v-bind="args.outline"/>
      <br/><br/>
      <h3>Show Help</h3>
      <BmsShortLinkMenu v-bind="args.showHelp"/>
      <h4>Show Help Outlined</h4>
      <br/>
      <BmsShortLinkMenu v-bind="args.showHelpOutlined"/>
      <br/><br/>
      <h3>Show Activity</h3>
      <BmsShortLinkMenu v-bind="args.showActivity"/>
      <br/>
      <h4>Show Activity Outlined</h4>
      <BmsShortLinkMenu v-bind="args.showActivityOutlined"/>
      <br/><br/>
      <h3>Without link</h3>
      <BmsShortLinkMenu v-bind="{}"/>
    `,
});

export const AllMenu = Template.bind({});
AllMenu.args = {
  default: { helpLink: '/path', activityLink: '/path' },

  outline: { helpLink: '/path', activityLink: '/path', outline: true },

  showHelp: { helpLink: '/path', activityLink: null },
  showHelpOutlined: { helpLink: '/path', activityLink: null, outline: true },

  showActivity: { helpLink: null, activityLink: '/path' },
  showActivityOutlined: {
    helpLink: null,
    activityLink: '/path',
    outline: true,
  },
};
