/// <reference types="react" />
import { ComponentProps } from '@hitagi/utils/types';
import { FadeProps } from '../Fade';
declare const StyledBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("../styles/system").BgProps & import("../styles/system").ColorProps & import("../styles/system").VisibilityProps & import("../styles/system").CursorProps & import("../styles/system").BoxSizingProps & {
    row?: boolean | undefined;
    col?: boolean | undefined;
    center?: boolean | undefined;
}, never>;
type BackdropProps = Omit<FadeProps, 'children'> & ComponentProps<typeof StyledBox>;
/**
 * Backdrop creates a darkened background, that has,
 * kind of fade animated, for smooth appearing/disappearing.
 */
export default function Backdrop(props: BackdropProps): JSX.Element;
export {};