import { Icon, Icons } from "components/Icon";
import { ButtonControlProps, ButtonControl } from "./ButtonControl";

export interface IconButtonProps extends ButtonControlProps {
  icon: Icons;
}

export function IconButton(props: IconButtonProps) {
  return (
    <ButtonControl
      {...props}
      className="flex items-center px-4 py-2 space-x-2 bg-bink-200 hover:bg-bink-300 text-white rounded-full"
    >
      <Icon icon={props.icon} />
      <span>{props.children}</span>
    </ButtonControl>
  );
}