@amsterdam/design-system-react/dist/Screen/Screen.d.ts

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
type ScreenMaxWidth = 'wide' | 'x-wide';
export type ScreenProps = {
    /** Whether the screen should stretch to the full height of the viewport. */
    fullHeight?: boolean;
    /** The maximum width of the screen. */
    maxWidth?: ScreenMaxWidth;
} & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
export declare const Screen: import("react").ForwardRefExoticComponent<{
    /** Whether the screen should stretch to the full height of the viewport. */
    fullHeight?: boolean;
    /** The maximum width of the screen. */
    maxWidth?: ScreenMaxWidth;
} & HTMLAttributes<HTMLDivElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLDivElement>>;
export {};