import { styled } from 'view-container'
import { Button } from 'atoms/Button'
import { ArrowIcon } from 'atoms/Icons/ArrowIcon'

const StyledButton = styled.withComponent('Button')`
  border: 0;
  background-color: transparent;
`
const UpArrowIcon = styled.withComponent(ArrowIcon)`
`
const DownArrowIcon = styled.withComponent(ArrowIcon)`
`
const ButtonWrapper = styled.section`
  display: flex;
  flex-direction: column;
  align-items: center;
`
export { StyledButton, UpArrowIcon, DownArrowIcon, ButtonWrapper }