List

import { Component } from "@angular/core";

import { PdfList } from "@/components/pdf/list/list";
import type { ListItem } from "@/components/pdf/list/list.types";
import { PdfcnThemeProvider } from "@/components/pdf/theme-provider";
import {
  TakumiDocument,
  TakumiPage,
} from "@/lib/pdf-primitives";

@Component({
  imports: [TakumiDocument, TakumiPage, PdfcnThemeProvider, PdfList],
  template: `
    <takumi-document>
      <takumi-page size="A4">
        <pdf-theme-provider>
          <pdf-list variant="bullet" [items]="items" />
        </pdf-theme-provider>
      </takumi-page>
    </takumi-document>
  `,
})
export class ListDemo {
  protected readonly items: ListItem[] = [
    {
      description: "Match all components to the design specification.",
      text: "Design system alignment",
    },
    {
      description: "Build PDF-native components for both renderer bases.",
      text: "Component implementation",
    },
    {
      description: "Cover all variants and edge cases.",
      text: "Write unit tests",
    },
  ];
}