import React from 'react'; export type FullCardAlignment = 'right' | 'left'; /** * Which heading element the headline renders as. * * `h1` is deliberately absent: a full card is a section within a page, never * the page's own title. */ export type FullCardHeadingLevel = 2 | 3 | 4 | 5 | 6; export interface FullCardProps extends Omit, 'title'> { /** * Which side the media panel sits on. Matches Figma's `Alignment` variant, * whose `Right` / `Left` name the media, not the text. */ alignment?: FullCardAlignment; /** Figma's `Eyebrow` slot — a Badge in the design, but any node works. */ eyebrow?: React.ReactNode; /** Figma's `Headline`. Required: a card with no headline has no accessible name. */ headline: React.ReactNode; /** Figma's `Description`. */ description?: React.ReactNode; /** Figma's `Actions` slot — a secondary Button in the design. */ actions?: React.ReactNode; /** * Figma's `Media` slot. Rendered inside the framed screen holder, so pass * the screenshot or embed itself, not the frame. */ media?: React.ReactNode; /** * Heading element for the headline. Defaults to `h3`, matching the `Type/H3` * text style Figma applies — but the level is a document-outline decision * only the page knows, so it is a prop rather than a constant. */ headingLevel?: FullCardHeadingLevel; children?: React.ReactNode; } /** * Full Card — the full-bleed case study row from Figma `Full Card` (592:857). * * A text column beside a framed media panel, split down the middle, mirrored * by the `Alignment` variant. * * The split holds from 1080 and stacks below it, media above content in BOTH * alignments — `Alignment` names a horizontal side and * stops meaning anything once there is one column, so it does not get to * decide the vertical order too. Size is a media query, not a prop, the same * call Header makes about Device. * * WHY THE `show*` BOOLEANS ARE GONE * * Figma carries `Show Eyebrow`, `Show Description` and `Show Actions` beside * the slots they gate, because a Figma component instance always holds every * layer and needs a switch to hide one. React has no such constraint — an * absent prop is the switch. Badge made the same call with `Show Dot`, and * keeping both would have let `showActions` and `actions` disagree. * * `headline` is required, and it is the only required prop. The heading is * what makes this a section rather than a decorated div, and every other part * of the card is optional in Figma too. * * No `'use client'`: nothing here is stateful or interactive. The interactive * parts arrive through `actions`, and they carry their own boundary. */ export declare const FullCard: React.ForwardRefExoticComponent>; //# sourceMappingURL=FullCard.d.ts.map