* migrate from react-icons to lucide-react * replace react-icon with lucide-dev: Webhook Icon * add lucide transformer * Fix LinkIcon import * Update yarn.lock to include monorepo deps * Migrated icons in ChargeCardDialog * Port Storybook to new icons as well * Adjust Info & Globe icons size to match react-icons size --------- Co-authored-by: Alex van Andel <me@alexvanandel.com>
15 lines
390 B
TypeScript
15 lines
390 B
TypeScript
import { Tooltip } from "@calcom/ui";
|
|
import { Info } from "@calcom/ui/components/icon";
|
|
|
|
export default function InfoBadge({ content }: { content: string }) {
|
|
return (
|
|
<>
|
|
<Tooltip side="top" content={content}>
|
|
<span title={content}>
|
|
<Info className="text-subtle relative top-px left-1 right-1 mt-px h-4 w-4" />
|
|
</span>
|
|
</Tooltip>
|
|
</>
|
|
);
|
|
}
|