### Basic usage

```js
import { LeftNav, LeftNavFooter, Dropdown } from 'frontend-react-components';

initialState = { value: '/' }
const sections = [

    [{
        title: 'Podcasts',
        url: '/',
        active: state.value === '/',
    },
    {
        title: 'Marketing',
        url: '/marketing',
        active: state.value === '/marketing',
    }],
    [
    {
        title: 'Insights',
    },
    {
        title: 'Networks',
        url: '/networks',
        active: state.value === '/networks',
    },
    {
        title: 'Shows',
        url: '/shows',
        active: state.value === '/shows',
    },
    ]
];

<LeftNav
    sections={ sections }
    title={ 'AppName' }
    push={ (url) => { setState({ value: url }) } }
    footer={
      <LeftNavFooter userPictureUrl="https://placekitten.com/40/40" username="Bill" dropdownItems={
          <>
            <Dropdown.Item onClick={() => alert('hi!')}>
              Logout
            </Dropdown.Item>
          </>
      }
      />
    }
    logoLink="https://google.com"
/>
```