import Box from '@material-ui/core/Box';
import Container from '@material-ui/core/Container';
import Card from '@material-ui/core/Card';
import Grid from '@material-ui/core/Grid';
import CardContent from '@material-ui/core/CardContent';
import AppBar from '@material-ui/core/AppBar';
import Header from '.';

<Meta title="UI/Header" component={Header} />

# Header

<Preview>
  <Story name="Demo">
    <Header
      logoImgSrc="https://placeholder.com/wp-content/uploads/2018/10/placeholder.com-logo3.png"
      menuItems={[
        {
          to: 'foo',
          label: 'Foo',
          visible: true,
        },
        {
          to: 'bar',
          label: 'Bar',
          visible: true,
        },
        {
          to: 'qux',
          label: 'Qux',
          visible: true,
        },
      ]}
    />
  </Story>
</Preview>