import React, { FC } from 'react';
import { MediaPropsType } from '../../util/externalClasses';
import { FrameExtensionUnionType, RadiusSizesType, SizeType, TextColorType } from '../../util/global-props';
import { Loader } from '../loader/loader.component';
import './wrapper.component.scss';
export declare type WrapperPropsType = {
    children?: React.ReactNode | string;
    className?: string;
    id?: string;
    row?: boolean;
    mediaColumn?: 'xsm' | 'sm' | 'md' | 'lg';
    align?: 'center' | 'right' | 'left' | 'stretch' | 'space-between' | 'space-around';
    valign?: 'top' | 'center' | 'bottom' | 'stretch';
    frame?: FrameExtensionUnionType;
    hoverEffect?: boolean;
    color?: TextColorType;
    padding?: SizeType;
    margin?: SizeType;
    fullWidth?: boolean;
    fullHeight?: boolean;
    maxWidth?: string;
    flex?: number | string;
    styles?: React.CSSProperties;
    style?: React.CSSProperties;
    radius?: RadiusSizesType;
    overflow?: 'hidden' | 'scroll' | 'visible';
    loading?: boolean;
    loaderSize?: React.ComponentProps<typeof Loader>['size'];
    backgroundImage?: string;
    backgroundPosition?: ['left' | 'center' | 'right', 'top' | 'bottom' | 'center'];
    backgroundSize?: 'cover' | 'contain';
    /**
     * Used for remove last child margin inside wrapper
     * * */
    lastChildMargin?: boolean;
    innerRef?: React.Ref<HTMLDivElement>;
    onClick?: React.EventHandler<React.MouseEvent<HTMLDivElement, PointerEvent>>;
    onMouseDown?: React.EventHandler<React.MouseEvent<HTMLDivElement, PointerEvent>>;
    onMouseLeave?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;
    onMouseEnter?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;
    hide?: MediaPropsType;
    xsm?: WrapperPropsType;
    sm?: WrapperPropsType;
    md?: WrapperPropsType;
    lg?: WrapperPropsType;
};
export declare const Wrapper: FC<WrapperPropsType>;