@navinc/base-react-components/src/blue-wave-page-container.story.js

Nav's Pattern Library

import React from 'react'
import BlueWavePageContainer from './blue-wave-page-container'

export default {
  title: 'Layout/BlueWavePageContainer',
  component: BlueWavePageContainer,
  argTypes: {
    variation: {
      control: 'select',
      options: ['default', 'top', 'topDynamic', 'light', 'light-top'],
    },
  },
}

export const Basic = ({ variation }) => (
  <div
    style={{
      display: 'flex',
      flexFlow: 'column nowrap',
      justifyContent: 'flex-start',
      flexGrow: 1,
    }}
  >
    <BlueWavePageContainer variation={variation} />
  </div>
)