import { NucleoIconProps } from "../icon"
import { getIconAriaProps } from "../utils"
import { colorVariants } from "./colorVariants"

export function getNucleoIconProps(props: NucleoIconProps) {
  const fill = props.color ? colorVariants[props.color] : "currentColor"
  const strokeWidth = props.strokeWidth || 2
  const width = props.size || "1em"
  const height = props.size || "1em"
  const ariaProps = getIconAriaProps(props)

  return { fill, strokeWidth, width, height, ...ariaProps }
}