mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-01-18 23:16:59 +01:00
17 lines
455 B
TypeScript
17 lines
455 B
TypeScript
import { forwardRef } from 'react';
|
|
import { Icon, IconProps } from './Icon';
|
|
import { Button, ButtonProps } from './Button';
|
|
|
|
type Props = ButtonProps & IconProps;
|
|
|
|
export const IconButton = forwardRef<HTMLButtonElement, Props>(function IconButton(
|
|
{ icon, ...props }: Props,
|
|
ref,
|
|
) {
|
|
return (
|
|
<Button ref={ref} className="group" {...props}>
|
|
<Icon icon={icon} className="text-gray-700 group-hover:text-gray-900" />
|
|
</Button>
|
|
);
|
|
});
|