import React from 'react';
import Wave from './index';

export default {
  title: 'Core/Wave',
  component: Wave
};

const Template = args => (
  <>
    <Wave {...args} name="wave-top-fantasy" height={400} />
    <Wave {...args} name="wave-bottom-fantasy" />
  </>
);

export const Default = Template.bind({});
Default.args = {
  name: '',
  absoluteTop: false,
  absoluteBottom: false,
  height: 150,
  autoHeight: false
};