import styled from 'styled-components/macro'

import { useMatchPopupStore } from 'features/MatchPopup'
import { BaseButton } from 'features/PopupComponents'

const Button = styled(BaseButton)`
  background-image: url(/images/back-icon.svg);
`

export const BackButton = () => {
  const { goBack } = useMatchPopupStore()
  return (
    <Button onClick={goBack} />
  )
}