PosterStack

import { useT } from '@iffday/i18n';
import { PosterStack } from '@iffday/web/src/kit';
import { useSampleFilms } from '../../../samples';

export default function Example() {
  const t = useT();
  const films = useSampleFilms();
  return (
    <div style={{ width: '100%' }}>
      <article className="list-card">
        <PosterStack posters={films.slice(0, 5)} total={5} />
        <div>
          <h3 className="list-card-title">BIFF 2026 Icons</h3>
          <span className="list-card-meta">{t('account.profile.filmCount', { 0: 5 })}</span>
        </div>
      </article>
      <article className="list-card">
        <PosterStack posters={films.slice(6, 8)} total={5} />
        <div>
          <h3 className="list-card-title">Competition</h3>
          <span className="list-card-meta">{t('account.profile.filmCount', { 0: 2 })}</span>
        </div>
      </article>
    </div>
  );
}