@activecollab/components/dist/esm/presentation/stackedCard/storyScaffold.d.ts

ActiveCollab Components

import { ReactElement, ReactNode } from "react";
/**
 * Shared spec-sheet scaffolding for the StackedCard concept stories (Sheet,
 * Section, Labeled, Grid, Column) plus the sheet's `--sc-*` values.
 * Presentation-only; keeps the StackedCard stories laying out the same way
 * instead of each re-declaring the sheet chrome.
 *
 * The `--sc-*` variables (a selection ring + a dark scrim family) are the
 * shipped component's theming hooks: `components/StackedCard` reads each one
 * through a `var()` with a built-in fallback, and declaring them here on the
 * sheet retints every card inside it. No rgba/hex is baked into a reusable
 * style.
 */
export declare const StyledSheet: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledColumn: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Labeled: ({ label, children, }: {
    label: ReactNode;
    children: ReactNode;
}) => ReactElement;
export declare const Section: ({ caption, note, children, }: {
    caption: string;
    note?: ReactNode;
    children: ReactNode;
}) => ReactElement;
export declare const SheetHeading: ({ title, children, }: {
    title: string;
    children: ReactNode;
}) => ReactElement;
//# sourceMappingURL=storyScaffold.d.ts.map