22 lines
632 B
TypeScript
22 lines
632 B
TypeScript
import React from "react";
|
|
|
|
import { Icon, type IconName } from "@calcom/ui";
|
|
|
|
interface LinkIconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
Icon: IconName;
|
|
}
|
|
|
|
export default function LinkIconButton(props: LinkIconButtonProps) {
|
|
return (
|
|
<div className="-ml-2">
|
|
<button
|
|
type="button"
|
|
{...props}
|
|
className="text-md hover:bg-emphasis hover:text-emphasis text-default flex items-center rounded-md px-2 py-1 text-sm font-medium">
|
|
<Icon name={props.Icon} className="text-subtle h-4 w-4 ltr:mr-2 rtl:ml-2" />
|
|
{props.children}
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|