You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
18 lines
510 B
18 lines
510 B
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> |
|
); |
|
}
|
|
|