import { default as React } from 'react';
import { BoxProps, StackProps, SxProps, Theme, TypographyProps } from '@mui/material';
import { LayoutHeaderTitleProps, LayoutHeaderSubTitleProps } from './Header';
import { LayoutFooterPagingProps, LayoutFooterSubmitProps } from './Footer';
export interface EliceLayoutProps {
    children: React.ReactNode;
    backgroundImage?: string;
    backgroundColor?: string;
    onPrev?: () => void;
    onNext?: () => void;
    allowPrev?: boolean;
    allowNext?: boolean;
    onlyPage?: boolean;
    enableScrollTracking?: boolean;
    sx?: SxProps<Theme>;
}
type Alignment = "left" | "center" | "right";
interface EliceStepProps<T extends React.ElementType> {
    step?: -1 | 0 | 1 | 2 | 3;
    component?: T;
}
type EliceBoxProps<T extends React.ElementType> = BoxProps<T> & EliceStepProps<T>;
type EliceStackProps<T extends React.ElementType> = StackProps<T> & EliceStepProps<T>;
type EliceTypographyProps = TypographyProps & Omit<EliceStepProps<React.ElementType>, 'component'>;
/**
 *  @summary Alpha of Design System. Wrapper of MUI Box
 * */
export declare const Box: React.ForwardRefExoticComponent<Omit<EliceBoxProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
/**
 *  @summary Alpha of Design System. Wrapper of MUI Stack
 * */
export declare const Stack: React.ForwardRefExoticComponent<Omit<EliceStackProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
/**
 *  @summary Alpha of Design System. Wrapper of MUI Typography
 * */
export declare function Typography({ step, sx, ...props }: EliceTypographyProps): import("react/jsx-runtime").JSX.Element;
export declare const Layout: ({ children, onPrev, onNext, allowPrev, allowNext, backgroundImage, backgroundColor, onlyPage, enableScrollTracking, sx }: EliceLayoutProps) => import("react/jsx-runtime").JSX.Element;
export declare const HeaderContainer: ({ children, sx }: {
    children: React.ReactNode;
    sx?: SxProps<Theme>;
}) => import("react/jsx-runtime").JSX.Element;
export declare const HeaderTitle: ({ children, titleComponent, sx }: LayoutHeaderTitleProps) => JSX.Element;
export declare const HeaderSubTitle: ({ children, sx }: LayoutHeaderSubTitleProps) => JSX.Element;
export declare const ContentContainer: ({ children, sx, scrollbarPostion }: {
    children: React.ReactNode;
    sx?: SxProps<Theme>;
    scrollbarPostion?: number;
}) => import("react/jsx-runtime").JSX.Element;
export declare const Subtitle: ({ children, alignment, justifyContent, sx }: {
    children: React.ReactNode;
    alignment?: Alignment;
    justifyContent?: string;
    sx?: SxProps<Theme>;
}) => import("react/jsx-runtime").JSX.Element;
export declare const Content: ({ children, alignment, justifyContent, sx, }: {
    children: React.ReactNode;
    alignment?: Alignment;
    justifyContent?: string;
    sx?: SxProps<Theme>;
}) => import("react/jsx-runtime").JSX.Element;
export declare const FooterContainer: ({ children, sx }: {
    children: React.ReactNode;
    sx?: SxProps<Theme>;
}) => import("react/jsx-runtime").JSX.Element;
export declare const FooterPaging: React.FC< LayoutFooterPagingProps>;
export declare const FooterSubmit: ({ isRollback, isSubmit, disableRollback, disableSubmit, submitText, rollbackText, onSubmit, onRollback, submitButtonColor, rollbackButtonColor, submitTextColor, rollbackTextColor, }: LayoutFooterSubmitProps) => import("react/jsx-runtime").JSX.Element;
export {};