import React from 'react';
import './layout-styles.scss';
declare type GridStylesProps = {
    children: React.ReactNode;
    gap?: string;
    direction?: 'row' | 'column';
    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
    align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    display?: 'inline-flex' | 'flex,';
    width?: '100%' | 'auto';
};
export declare const GridStyles: React.FC<GridStylesProps>;
declare type ScreenContainerStylesProps = {
    children: React.ReactNode;
};
export declare const ScreenContainerStyles: React.FC<ScreenContainerStylesProps>;
declare type RowStylesProps = {
    children: React.ReactNode;
};
export declare const RowStyles: React.FC<RowStylesProps>;
declare type ColumnStylesProps = {
    children: React.ReactNode;
};
export declare const ColumnStyles: React.FC<ColumnStylesProps>;
declare type PanelStylesProps = {
    children: React.ReactNode;
};
export declare const PanelStyles: React.FC<PanelStylesProps>;
declare type PanelStylesLeftStylesProps = {
    children: React.ReactNode;
};
export declare const PanelStylesLeftStyles: React.FC<PanelStylesLeftStylesProps>;
declare type PanelStylesRightStylesProps = {
    children: React.ReactNode;
};
export declare const PanelStylesRightStyles: React.FC<PanelStylesRightStylesProps>;
export declare const PageWrapperStyle: React.FC;
export declare const MainStyle: React.FC;
export declare const PageHeadingBackgroundStyle: React.FC;
export declare const PageTopStyle: React.FC;
export declare const ContainerSmall: React.FC;
export declare const ContainerMedium: React.FC;
export declare const FinishScreenWrapper: React.FC;
export declare const ChoiceButtonsStyle: React.FC;
export declare const RangeInputBottomLabelStyle: React.FC;
export declare const RangeInputValueStyle: React.FC;
export {};
