import type { MouseEvent } from 'react'

import { Close } from '../../../libs/objects/Close'

import { BaseButton } from '../BaseButton'

type Props = {
  onClick: (e: MouseEvent<HTMLButtonElement>) => void,
  size?: number,
}

export const CloseButton = ({
  onClick,
  size,
}: Props) => (
  <BaseButton
    width={1.35}
    height={1.35}
    padding={8}
    onClick={onClick}
  >
    <Close size={size} />
  </BaseButton>
)
