import { Button as ButtonRAC } from "react-aria-components"

import { MaterialIcon } from "../Icons/MaterialIcon"
import { IconButtonProps } from "./types"
import { variants } from "./variants"

export function IconButton({
  variant,
  emphasis,
  size,
  iconName,
  className,
  ...props
}: IconButtonProps) {
  const classNames = variants({
    variant,
    emphasis,
    size,
    className,
  })

  return (
    <ButtonRAC {...props} className={classNames}>
      <MaterialIcon
        icon={iconName}
        size={getIconSize(size)}
        color="CurrentColor"
      />
    </ButtonRAC>
  )
}

function getIconSize(size: IconButtonProps["size"]) {
  switch (size) {
    case "sm":
      return 16
    case "md":
      return 20
    case "xl":
      return 28
    case "lg":
    default:
      return 24
  }
}