export type ThemeColors = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
export type NamedColors = 'blue' | 'azure' | 'indigo' | 'purple' | 'pink' | 'red' | 'orange' | 'yellow' | 'lime' | 'green' | 'teal' | 'cyan';
export type SocialMediaColors = 'facebook' | 'twitter' | 'google' | 'youtube' | 'vimeo' | 'dribbble' | 'github' | 'instagram' | 'pinterest' | 'vk' | 'rss' | 'flickr' | 'bitbucket' | 'linkedin' | 'tabler';
export type Colors = ThemeColors | NamedColors | SocialMediaColors;
export type TextColors = Colors;
export type BackgroundColors = ThemeColors | NamedColors | SocialMediaColors | 'body';
export type Opacities = '10' | '25' | '50' | '75';
export type TextOpacities = '25' | '50' | '75';
export type DisplayRatioTypes = '1x1' | '4x3' | '16x9' | '21x9';
export type DisplayStickyTypes = 'top' | 'sm-top' | 'md-top' | 'lg-top' | 'xl-top';
export type DisplayFixedTypes = 'top' | 'bottom';
export type DisplayTypes = 'none' | 'inline' | 'inline-block' | 'block' | 'grid' | 'table-cell' | 'table-row' | 'flex' | 'inline-flex' | 'table';
export type ShaddowSizes = 'none' | 'sm' | 'lg' | boolean;
export type Sizes = '25' | '50' | '75' | '100' | 'auto';
export type MaxSizes = '100';
export type PositionsTypes = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
export type PositionValues = '0' | '50' | '100';
export type BorderSizes = '0' | '1' | '2' | '3' | '4' | '5' | boolean;
export type BorderRoundSizes = '0' | '1' | '2' | '3';
export type BorderRadiusPositions = 'top' | 'end' | 'bottom' | 'start' | 'circle' | 'pill';
export type PaddingSizes = '0' | '1' | '2' | '3' | '4' | '5';
export type MarginSizes = '0' | '1' | '2' | '3' | '4' | '5' | 'auto';
export type GapSizes = '0' | '1' | '2' | '3' | '4' | '5';
export type FontSizes = '1' | '2' | '3' | '4' | '5' | '6';
export type FontStyles = 'italic' | 'normal';
export type HeadingDisplaySizes = '1' | '2' | '3' | '4' | '5' | '6';
export type FontWeights = 'light' | 'lighter' | 'normal' | 'bold' | 'semibold' | 'bolder';
export type TextAligns = 'start' | 'end' | 'center';
export type TextWraps = 'wrap' | 'nowrap' | 'break';
export type TextLineHeights = '1' | 'sm' | 'base' | 'lg';
export type TextDecorations = 'none' | 'underline' | 'line-through';
export type TextTransforms = 'lowercase' | 'uppercase' | 'capitalize';
export type TextHeadings = '1' | '2' | '3' | '4' | '5' | '6';
export type OverflowTypes = 'auto' | 'hidden' | 'visible' | 'scroll';
export type TranslateMiddleTypes = 'x' | 'y' | 'xy';
export type FloatPositions = 'start' | 'end' | 'none';
export type VerticalAligns = 'baseline' | 'top' | 'middle' | 'bottom' | 'text-bottom' | 'text-top';
export type ColSizes = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'auto';
export type ColSizesBool = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'auto' | boolean;
export type ColOrders = '1' | '2' | '3' | '4' | '5' | 'first' | 'last';
export type OffsetSizes = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'auto';
export type ContainerMaxWidths = boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid';
export type RowColSizes = '1' | '2' | '3' | '4' | '5' | '6' | 'auto';
export type RowGutterSizes = '0' | '1' | '2' | '3' | '4' | '5';
export type AlignItemsTypes = 'start' | 'end' | 'center';
export type AlignSelfTypes = 'start' | 'end' | 'center';
export type JustifyContentTypes = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
export type HTMLTags = keyof HTMLElementTagNameMap;
export interface CssProps {
    bgColor?: BackgroundColors;
    bgGradient?: boolean;
    bgOpacity?: Opacities;
    border?: BorderSizes;
    borderTop?: BorderSizes;
    borderStart?: BorderSizes;
    borderEnd?: BorderSizes;
    borderBottom?: BorderSizes;
    borderColor?: Colors;
    borderRadius?: BorderRadiusPositions;
    borderRoundSize?: BorderRoundSizes;
    borderOpacity?: Opacities;
    p?: PaddingSizes;
    pt?: PaddingSizes;
    pb?: PaddingSizes;
    ps?: PaddingSizes;
    pe?: PaddingSizes;
    px?: PaddingSizes;
    py?: PaddingSizes;
    m?: MarginSizes;
    mt?: MarginSizes;
    mb?: MarginSizes;
    ms?: MarginSizes;
    me?: MarginSizes;
    mx?: MarginSizes;
    my?: MarginSizes;
    gap?: GapSizes;
    clearfix?: boolean;
    ratio?: DisplayRatioTypes;
    sticky?: DisplayStickyTypes;
    fixed?: DisplayFixedTypes;
    d?: DisplayTypes;
    dSm?: DisplayTypes;
    dMd?: DisplayTypes;
    dLg?: DisplayTypes;
    dXl?: DisplayTypes;
    dXxl?: DisplayTypes;
    dPrint?: DisplayTypes;
    shadow?: ShaddowSizes;
    w?: Sizes;
    h?: Sizes;
    mw?: MaxSizes;
    mh?: MaxSizes;
    position?: PositionsTypes;
    top?: PositionValues;
    start?: PositionValues;
    bottom?: PositionValues;
    end?: PositionValues;
    vAlign?: VerticalAligns;
    textColor?: TextColors;
    textAlign?: TextAligns;
    textAlignSm?: TextAligns;
    textAlignMd?: TextAligns;
    textAlignLg?: TextAligns;
    textAlignXl?: TextAligns;
    textWrap?: TextWraps;
    textTransform?: TextTransforms;
    textDecoration?: TextDecorations;
    lineHeight?: TextLineHeights;
    textMuted?: boolean;
    textLead?: boolean;
    textHeading?: TextHeadings;
    textTruncate?: boolean;
    textOpacity?: TextOpacities;
    fontSize?: FontSizes;
    fontWeight?: FontWeights;
    fontStyle?: FontStyles;
    hidden?: boolean;
    float?: FloatPositions;
    floatSm?: FloatPositions;
    floatMd?: FloatPositions;
    floatLg?: FloatPositions;
    floatXl?: FloatPositions;
    floatXxl?: FloatPositions;
    container?: ContainerMaxWidths;
    col?: ColSizesBool;
    colSm?: ColSizesBool;
    colMd?: ColSizesBool;
    colLg?: ColSizesBool;
    colXl?: ColSizesBool;
    colXxl?: ColSizesBool;
    order?: ColOrders;
    orderSm?: ColOrders;
    orderMd?: ColOrders;
    orderLg?: ColOrders;
    orderXl?: ColOrders;
    orderXxl?: ColOrders;
    offset?: OffsetSizes;
    offsetSm?: OffsetSizes;
    offsetMd?: OffsetSizes;
    offsetLg?: OffsetSizes;
    offsetXl?: OffsetSizes;
    offsetXxl?: OffsetSizes;
    row?: boolean | 'deck';
    rowCols?: RowColSizes;
    rowColsSm?: RowColSizes;
    rowColsMd?: RowColSizes;
    rowColsLg?: RowColSizes;
    rowColsXl?: RowColSizes;
    rowColsXxl?: RowColSizes;
    g?: RowGutterSizes;
    gSm?: RowGutterSizes;
    gMd?: RowGutterSizes;
    gLg?: RowGutterSizes;
    gXl?: RowGutterSizes;
    gXxl?: RowGutterSizes;
    gx?: RowGutterSizes;
    gy?: RowGutterSizes;
    alignItems?: AlignItemsTypes;
    alignSelf?: AlignSelfTypes;
    justifyContent?: JustifyContentTypes;
}
export interface ElProps extends CssProps {
    id?: string;
    class?: string;
    tag?: HTMLTags;
    element?: HTMLElement;
    cssPrefix?: string;
    cssProps?: Record<string, any>;
    style?: any;
    [key: string]: any;
    tabindex?: string | number;
}