interface HeroContainerProps {
    solidBackgroundColor: string | null;
    noSwish: boolean;
    swishColorEncoded?: string;
    noIllustration: boolean;
}
export declare const HeroContainer: import("styled-components").StyledComponent<"div", any, HeroContainerProps, never>;
export declare const ChildrenWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
interface IllustationProps {
    isSmallViewport?: boolean;
}
export declare const Illustration: import("styled-components").StyledComponent<"div", any, IllustationProps, never>;
/**
 * @note To preserve the image's aspect ratio and
 * allow for the image to responsively adapt to the
 * viewport, we use the "padding-bottom" hack.
 */
export declare const IllustrationPicture: import("styled-components").StyledComponent<"picture", any, {
    imageWidth: number;
    imageHeight: number;
}, never>;
export declare const IllustrationImage: import("styled-components").StyledComponent<"img", any, {}, never>;
interface ContentWrapperProps {
    noSwish: boolean;
    noIllustration: boolean;
}
export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, ContentWrapperProps, never>;
export declare const ChecklistWrapper: import("styled-components").StyledComponent<"ul", any, {}, never>;
export declare const CheckListItemWrapper: import("styled-components").StyledComponent<"li", any, {}, never>;
export {};