import { styled } from 'styleh-components'
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 }