import { useLocale } from "@calcom/lib/hooks/useLocale"; import type { AppFrontendPayload as App } from "@calcom/types/App"; import { AppCard } from "./AppCard"; import { Slider } from "./Slider"; export const PopularAppsSlider = ({ items }: { items: T[] }) => { const { t } = useLocale(); return ( title={t("most_popular")} items={items.filter((app) => !!app.trending)} itemKey={(app) => app.name} options={{ perView: 3, breakpoints: { 768 /* and below */: { perView: 1, }, }, }} renderItem={(app) => } /> ); };