import { XIcon } from '@phosphor-icons/react'

import { IconButton } from '../IconButton'

interface CloseButtonProps {
  onClick: () => void
}

export function CloseButton({ onClick }: CloseButtonProps) {
  return (
    <IconButton label="Close" onClick={onClick} className="p-1">
      <XIcon className="h-5 w-5 text-stone" weight="bold" />
    </IconButton>
  )
}