import {  Gap } from '../index';

const meta = {
  title: 'Basics / Gap',
  component: Gap,
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const Template = (args) => <div>Top content <Gap {...args} /> Bottom content</div>;

export const Default = Template.bind({});
Default.args = {
  gap: 'mb-10',
};


export const Large = Template.bind({});
Large.args = {
  gap: 'mb-40',
};