c380ea810c
* feat: rename --font-cal to --font-heading + use Cal Sans UI * chore: remove font-weight from font-heading elements and CSS variables Co-Authored-By: pasquale@cal.com <pasquale@cal.com> * chore: remove unneeded css vars * fix: cubic issues --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> Co-authored-by: pasquale@cal.com <pasquale@cal.com> Co-authored-by: Rajiv Sahal <sahalrajiv-extc@atharvacoe.ac.in>
26 lines
689 B
TypeScript
26 lines
689 B
TypeScript
"use client";
|
|
|
|
import { Icon } from "@calcom/ui/components/icon";
|
|
import type { IconName } from "@calcom/ui/components/icon";
|
|
|
|
export const IconGrid = (props: {
|
|
title: string;
|
|
icons: IconName[];
|
|
rootClassName?: string;
|
|
iconClassName?: string;
|
|
}) => (
|
|
<div className={props.rootClassName}>
|
|
<h2 className="font-heading mt-6 text-lg">{props.title}</h2>
|
|
<div className="grid grid-cols-2 lg:grid-cols-6">
|
|
{props.icons.map((icon) => {
|
|
return (
|
|
<div key={icon} className="flex items-center gap-1">
|
|
<Icon name={icon} className={props.iconClassName} />
|
|
<div>{icon}</div>
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
</div>
|
|
);
|