import ArrowBack from '@mui/icons-material/ArrowBack'
import type { IconButtonProps } from '@mui/material'
import { IconButton, useTheme } from '@mui/material'

export const BackButton: React.FC<IconButtonProps> = ({ onClick }) => {
  const theme = useTheme()

  return (
    <IconButton
      size="medium"
      edge={theme?.navigation?.edge ? 'start' : false}
      onClick={onClick}
    >
      <ArrowBack />
    </IconButton>
  )
}