xavierk
9de9a6ffee
Crimson Grid, Tangerine Ledger, Slate Band and Teal Swoosh are rebuilt from the reference PDFs with grid and band tables that survive page breaks, full-bleed fixed bands, pennant tabs, gradient corner swooshes with keep-outs, Carbon icon circles, and the user's logo in the measured slot (knockout or white chip on the dark Slate band). Adds static Poppins 500-700 and Inter fonts. Thumbnails regenerated for all eight templates; the item-count sweeps run in their own test file.
12 lines
530 B
TypeScript
12 lines
530 B
TypeScript
import type { ComponentType } from "react";
|
|
import type { TemplateProps } from "../contract";
|
|
import { LedgerLayout } from "./Layout";
|
|
import type { LedgerVariant } from "./variant";
|
|
|
|
/** The family component bound to one variant's tokens, as the TemplateDefinition's Layout. */
|
|
export function LedgerLayoutFor(variant: LedgerVariant): ComponentType<TemplateProps> {
|
|
const Layout = (props: TemplateProps) => <LedgerLayout {...props} variant={variant} />;
|
|
Layout.displayName = `LedgerLayout(${variant.id})`;
|
|
return Layout;
|
|
}
|