import { BorderColorProperty, BorderStyleProperty, FontWeightProperty } from 'csstype';
import * as React from 'react';
import { IAllDirection, IDirection, IDirectionShort } from './common/Interfaces';
interface IBorder {
    borderRadius?: number;
    borderColor?: BorderColorProperty;
    borderStyle?: BorderStyleProperty;
    borderSize?: number;
}
interface ITooltipOptions {
    place?: 'top' | 'right' | 'bottom' | 'left';
    trigger?: 'click' | 'hover' | 'focus' | 'contextMenu' | Array<string>;
    overlayClassName?: string;
}
export interface IContainer extends Pick<React.HTMLAttributes<HTMLDivElement>, 'onMouseEnter' | 'onMouseLeave' | 'onClick' | 'onFocus' | 'onBlur' | 'tabIndex' | 'onKeyDown' | 'onMouseDown' | 'onMouseUp' | 'onContextMenu'> {
    margin?: IDirection & IDirectionShort & IAllDirection;
    padding?: IDirection & IDirectionShort & IAllDirection;
    positionPoints?: IDirection;
    border?: IBorder;
    textAlign?: 'left' | 'right' | 'center' | 'justify';
    className?: string;
    classNames?: string[];
    lineHeight?: number;
    lineHeightPx?: number;
    heightPercent?: number;
    widthPercent?: number;
    height?: number;
    width?: number;
    minHeight?: number;
    maxHeight?: number;
    minWidth?: number;
    maxWidth?: number;
    fluid?: boolean;
    backgroundColor?: string;
    display?: 'block' | 'inline-block' | 'inline' | 'flex' | 'grid' | 'inline-grid' | 'inline-flex' | 'inherit' | 'none';
    gridTemplateColumns?: string;
    gridColumnGapPx?: number;
    gridColumnGapRem?: number;
    position?: 'static' | 'absolute' | 'fixed' | 'relative';
    visibility?: 'hidden' | 'visible';
    hidden?: boolean;
    tooltip?: React.ReactNode | string | number;
    tooltipOptions?: ITooltipOptions;
    zIndex?: number;
    fontStyle?: 'normal' | 'italic';
    underline?: boolean;
    fontColor?: string;
    fontWeight?: FontWeightProperty;
    float?: 'left' | 'right' | 'none';
    letterSpacing?: number;
    fontDesign?: 'body-one' | 'body-two' | 'caption' | 'display-one' | 'display-two' | 'display-three';
    fontSizePx?: number;
    fontSizeRem?: number;
    style?: React.CSSProperties;
    maxLinesTruncate?: number;
    alignItems?: 'baseline' | 'center' | 'start' | 'end' | 'stretch' | 'flex-start' | 'flex-end';
    justifyContent?: 'baseline' | 'center' | 'start' | 'end' | 'left' | 'right' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly' | 'flex-start' | 'flex-end';
    flexDirection?: 'column' | 'row';
    overflow?: 'hidden' | 'auto';
    cursor?: 'pointer' | 'arrow';
    id?: string;
    children?: any;
    processLinks?: boolean;
}
export declare class Container extends React.Component<IContainer, {
    tooltipPlace?: 'top' | 'left' | 'bottom' | 'right';
}> {
    static defaultProps: {
        margin: undefined;
        padding: undefined;
        positionPoints: undefined;
        border: undefined;
        textAlign: undefined;
        className: undefined;
        classNames: undefined;
        lineHeight: undefined;
        widthPercent: undefined;
        heightPercent: undefined;
        height: undefined;
        width: undefined;
        minHeight: undefined;
        maxHeight: undefined;
        minWidth: undefined;
        maxWidth: undefined;
        fluid: boolean;
        backgroundColor: undefined;
        display: undefined;
        gridTemplateColumns: undefined;
        gridColumnGapPx: undefined;
        gridColumnGapRem: undefined;
        position: undefined;
        visibility: undefined;
        hidden: boolean;
        tooltip: undefined;
        tooltipOptions: {
            place: string;
            trigger: string;
        };
        zIndex: undefined;
        fontStyle: undefined;
        fontColor: undefined;
        fontWeight: undefined;
        float: undefined;
        letterSpacing: undefined;
        fontSizePx: undefined;
        fontSizeRem: undefined;
        style: undefined;
        maxLinesTruncate: undefined;
        alignItems: undefined;
        justifyContent: undefined;
        flexDirection: undefined;
        overflow: undefined;
        id: undefined;
        children: undefined;
        cursor: undefined;
        processLinks: boolean;
    };
    constructor(props: any);
    render(): React.JSX.Element | null;
    private getContent;
    private wrapWithDotDotIfNeeded;
    private translateEmbeddedLinks;
    private convertTextToAnchor;
}
export {};