CategoryTiles

import { useT } from '@iffday/i18n';
import { CategoryTiles } from '@iffday/web/src/kit';
import { Activity, FilePen, Trophy, Users } from 'lucide-react';

/** The four entrances at the top of the community page. */
export default function Example() {
  const t = useT();
  return (
    <div style={{ width: '100%' }}>
      <CategoryTiles
        items={[
          {
            to: '/components/review-card',
            label: t('review.community.feed'),
            icon: <Activity size={22} strokeWidth={1.6} />,
          },
          {
            to: '/components/short-review',
            label: t('review.community.articlesAndViews'),
            icon: <FilePen size={22} strokeWidth={1.6} />,
          },
          {
            to: '/components/avatar',
            label: t('review.community.creators'),
            icon: <Users size={22} strokeWidth={1.6} />,
            meta: '24',
          },
          {
            to: '/components/rating-histogram',
            label: t('review.community.audienceRankings'),
            icon: <Trophy size={22} strokeWidth={1.6} />,
          },
        ]}
      />
    </div>
  );
}