import BmsForm from '@/components/layout/BmsForm.vue';

export default {
  title: 'Composants/layout/BmsForm/for_retrocompat',
  component: BmsForm,
  tags: ['code-only'],
};

const Template = (args) => ({
  components: {
    BmsForm,
  },
  setup() {
    return { args };
  },
  template: `
    <BmsForm v-bind="args">
      <template #organization>
        <p>custom slot you can define whith any name(organization)</p>
      </template>  
    </BmsForm>
    <BmsForm>
      <template #site>
        <p>custom slot you can define whith any name (site)</p>
      </template>
      <template #actions>
        <div>Slot for Actions components</div>
      </template>
    </BmsForm>
  `,
});

export const Default = Template.bind({});
