import type { ReactElement, ReactNode, Ref } from 'react'; import type { AsProp, BaseProps, ForwardRefForwardPropsComponent, NoChildrenProp, OmitStrict } from '../../types'; import type { BreadcrumbsProps } from '../Breadcrumbs'; import type { Tab, TabsProps } from '../Tabs'; import Tabs, { TabPanel } from '../Tabs'; export interface PageTemplateProps extends BaseProps, AsProp, NoChildrenProp { title: string; icon?: string; actions?: ReactNode; banners?: ReactNode; path?: BreadcrumbsProps['path']; header?: ReactNode; utilities?: ReactNode; scrollContent?: boolean; ref?: Ref; } export interface TabbedPageTab extends Tab { content: ReactNode; /** * Determines layout spacing. * @default 'standard' */ layout?: 'standard' | 'full-size'; } export interface TabbedPageProps extends OmitStrict { tabs: OmitStrict & { tabs: TabbedPageTab[]; } & ({ defaultTabId?: string; currentTabId?: never; } | { defaultTabId?: never; currentTabId: string; }); } export interface DynamicLayoutPageProps extends OmitStrict { a: ReactNode; } export interface OneColumnPageProps extends PageTemplateProps { a: ReactNode; } export interface TwoColumnPageProps extends PageTemplateProps { a: ReactNode; b: ReactNode; } export interface ThreeColumnPageProps extends PageTemplateProps { a: ReactNode; b: ReactNode; c: ReactNode; } export interface FourColumnPageProps extends PageTemplateProps { a: ReactNode; b: ReactNode; c: ReactNode; d: ReactNode; } export interface WideNarrowPageProps extends PageTemplateProps { a: ReactNode; b: ReactNode; } export interface NarrowWidePageProps extends PageTemplateProps { a: ReactNode; b: ReactNode; } export interface WideWideNarrowPageProps extends PageTemplateProps { a: ReactNode; b: ReactNode; c: ReactNode; } export interface NarrowWideWidePageProps extends PageTemplateProps { a: ReactNode; b: ReactNode; c: ReactNode; } export interface NarrowWideNarrowPageProps extends PageTemplateProps { a: ReactNode; b: ReactNode; c: ReactNode; } export interface PageLayoutProps extends PageTemplateProps { tabs?: ReactElement; regions: ReactNode[]; regionsRef?: Ref; cols?: string; padContent?: boolean; } export declare const StyledPageIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "ref" | "className" | "children" | keyof AsProp> & Required; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "container">> & Partial; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes & import("../../types").ForwardProps, "ref"> & { ref?: import("react").RefObject | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined; }) | (Omit; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "ref" | "className" | "children" | keyof AsProp> & Required; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "item">> & Partial; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes & import("../../types").ForwardProps, "ref"> & { ref?: import("react").RefObject | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined; }) | (Omit; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "ref" | "className" | "children" | keyof AsProp> & Required; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "xs">> & Partial; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes & import("../../types").ForwardProps, "ref"> & { ref?: import("react").RefObject | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined; }) | (Omit; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "ref" | "className" | "children" | keyof AsProp> & Required; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "xl">> & Partial; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes & import("../../types").ForwardProps, "ref"> & { ref?: import("react").RefObject | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined; }) | (Omit; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "ref" | "className" | "children" | keyof AsProp> & Required; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "sm">> & Partial; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes & import("../../types").ForwardProps, "ref"> & { ref?: import("react").RefObject | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined; }) | (Omit; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "ref" | "className" | "children" | keyof AsProp> & Required; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "md">> & Partial; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes & import("../../types").ForwardProps, "ref"> & { ref?: import("react").RefObject | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined; }) | (Omit; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "ref" | "className" | "children" | keyof AsProp> & Required; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "lg">> & Partial; xs?: Pick & ((Required> & Partial>) | (Required> & Partial>)); sm?: Pick & ((Required> & Partial>) | (Required> & Partial>)); md?: Pick & ((Required> & Partial>) | (Required> & Partial>)); lg?: Pick & ((Required> & Partial>) | (Required> & Partial>)); xl?: Pick & ((Required> & Partial>) | (Required> & Partial>)); }, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes & import("../../types").ForwardProps, "ref"> & { ref?: import("react").RefObject | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined; }), import("styled-components/dist/types").BaseObject>> & string & Omit, keyof import("react").Component>; export declare const StyledPageHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLElement>, never>> & string; export declare const StyledRegion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { renderSingleRegion?: boolean; }>> & string; export declare const StyledRegions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { pad: boolean; }>> & string; export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLDivElement>, never>> & string; export declare const StyledScrollableTabPanel: typeof TabPanel; export declare const StyledPageLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { scrollContent: PageLayoutProps["scrollContent"]; minContentHeight?: number; }>> & string; export declare const TabbedPage: ForwardRefForwardPropsComponent; export declare const DynamicLayoutPage: ForwardRefForwardPropsComponent; export declare const OneColumnPage: ForwardRefForwardPropsComponent; export declare const TwoColumnPage: ForwardRefForwardPropsComponent; export declare const ThreeColumnPage: ForwardRefForwardPropsComponent; export declare const FourColumnPage: ForwardRefForwardPropsComponent; export declare const WideNarrowPage: ForwardRefForwardPropsComponent; export declare const NarrowWidePage: ForwardRefForwardPropsComponent; export declare const WideWideNarrowPage: ForwardRefForwardPropsComponent; export declare const NarrowWideWidePage: ForwardRefForwardPropsComponent; export declare const NarrowWideNarrowPage: ForwardRefForwardPropsComponent; //# sourceMappingURL=PageTemplates.d.ts.map