import React from 'react'

import {
  RowOne,
  RowTwo,
  RowThree,
  StyledBurger,
} from './styled'

type Props = {
  isOpen: boolean,
  toggle: () => void,
}

export const Burger = (
  { isOpen, toggle }: Props,
) => (
  <StyledBurger
    open={isOpen}
    onClick={toggle}
  >
    <RowOne />
    <RowTwo />
    <RowThree />
  </StyledBurger>
)
