"use client"; import type { InferGetStaticPropsType } from "next"; import { Inter } from "next/font/google"; import localFont from "next/font/local"; import Head from "next/head"; import { APP_NAME } from "@calcom/lib/constants"; import type { IconName } from "@calcom/ui"; import { Icon, IconSprites } from "@calcom/ui"; import { lucideIconList } from "../../../packages/ui/components/icon/icon-list.mjs"; const interFont = Inter({ subsets: ["latin"], variable: "--font-inter", preload: true, display: "swap" }); const calFont = localFont({ src: "../fonts/CalSans-SemiBold.woff2", variable: "--font-cal", preload: true, display: "swap", weight: "600", }); export const getStaticProps = async () => { return { props: { icons: Array.from(lucideIconList).sort() as IconName[], }, }; }; const IconGrid = (props: { title: string; icons: IconName[]; rootClassName?: string; iconClassName?: string; }) => (

{props.title}

{props.icons.map((icon) => { return (

{icon}

); })}

); export default function IconsPage(props: InferGetStaticPropsType) { return (

Icon showcase | {APP_NAME}

Icons showcase

); }