Benny JooandGitHub
85f96f492d
* migrate icons page * migrate main index page * remove /icons page * use i18n string * fix imports * add icons_showcase i18n string * add /app dir to tailwind preset config * use classname * do not migrate main index page
26 lines
665 B
TypeScript
26 lines
665 B
TypeScript
"use client";
|
|
|
|
import { Icon } from "@calcom/ui";
|
|
import type { IconName } from "@calcom/ui";
|
|
|
|
export const IconGrid = (props: {
|
|
title: string;
|
|
icons: IconName[];
|
|
rootClassName?: string;
|
|
iconClassName?: string;
|
|
}) => (
|
|
<div className={props.rootClassName}>
|
|
<h2 className="font-cal mt-6 text-lg font-medium">{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>
|
|
);
|