import React from "react";
declare type BEMCSS = import("./css-core").BEMCSS;
declare type InlineClassName = ReturnType<typeof import("./css-core").createClassName>;
declare type ClassNamesTypes = string | InlineClassName;
declare type InlineCSS = BEMCSS;
export interface BEMComponentProperties {
    blockName: string;
    parent?: BemedFC;
    bemed: true;
    className: string;
    displayName: string;
    css?: BEMCSS;
    mods?: Mods;
    defaultMods: ModDefaults;
    asElement(elementName: string, blockName: string): (props: any) => React.ReactNode;
}
export declare type BemedFC = React.FC & BEMComponentProperties;
interface Mods {
    [key: string]: true | string | string[] | InlineCSS | Record<string, true | string | string[] | InlineCSS>;
}
declare type ModPrimitives = string | string[] | true | InlineCSS;
declare type AllModTypeds = ModPrimitives | Record<string, ModPrimitives>;
declare type ModProps<T extends undefined | Record<string, AllModTypeds>> = {
    [P in keyof T]?: T[P] extends boolean ? boolean : T[P] extends string ? boolean : T[P] extends string[] ? boolean : T[P] extends InlineCSS ? boolean : T[P] extends undefined ? never : keyof T[P];
};
/**
 * Generate type for setting enum mod defaults
 */
declare type EnumModDefaults<T> = {
    [P in keyof T]?: T[P] extends object ? T[P] extends object ? keyof T[P] : never : never;
};
interface ModDefaults {
    [mod: string]: string | undefined;
}
export interface BemedOptions {
    className?: ClassNamesTypes | ClassNamesTypes[];
    prefix?: string;
    separators?: {
        modifier?: string;
        element?: string;
    };
}
/**
 * Create BEMBlock component type
 */
declare type BEMBlock<Block, Elements extends {
    [key: string]: ElementBlock;
}> = Block & BEMComponentProperties & Elements;
export interface ElementBlock {
    (props: any): React.ReactNode;
    asElement(elementName: string, blockName: string): (props: any) => React.ReactNode;
}
export declare function createBemed(bemedOptions?: BemedOptions | undefined): <Elements extends {
    [key: string]: ElementBlock;
}, BEMBlockDOMElement extends "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>) = "div", DefaultProps extends React.ComponentProps<BEMBlockDOMElement> = any, BEMBlockMods extends Record<string, string | true | string[] | {
    asCSS(selector: string): string;
    asStyleTag(selector: string): (props: any) => JSX.Element;
    cssString: string;
    sourceMap: string;
    render: <T>(reactElement: T, cssChunks: {
        className: string;
        cssString: string;
        sourceMap: string;
    }[]) => T;
    hash: (str: string) => string;
} | Record<string, string | true | string[] | {
    asCSS(selector: string): string;
    asStyleTag(selector: string): (props: any) => JSX.Element;
    cssString: string;
    sourceMap: string;
    render: <T>(reactElement: T, cssChunks: {
        className: string;
        cssString: string;
        sourceMap: string;
    }[]) => T;
    hash: (str: string) => string;
}>> | undefined = undefined>(blockOptions?: {
    name?: string | undefined;
    as?: BEMBlockDOMElement | undefined;
    defaultProps?: DefaultProps | undefined;
    mods?: BEMBlockMods | undefined;
    defaultMods?: EnumModDefaults<BEMBlockMods> | undefined;
    css?: {
        asCSS(selector: string): string;
        asStyleTag(selector: string): (props: any) => JSX.Element;
        cssString: string;
        sourceMap: string;
        render: <T>(reactElement: T, cssChunks: {
            className: string;
            cssString: string;
            sourceMap: string;
        }[]) => T;
        hash: (str: string) => string;
    } | undefined;
    className?: string | {
        className: string;
        bemCSS: {
            asCSS(selector: string): string;
            asStyleTag(selector: string): (props: any) => JSX.Element;
            cssString: string;
            sourceMap: string;
            render: <T>(reactElement: T, cssChunks: {
                className: string;
                cssString: string;
                sourceMap: string;
            }[]) => T;
            hash: (str: string) => string;
        };
    } | ClassNamesTypes[] | undefined;
    elements?: Elements | undefined;
} | undefined) => BEMBlock<(props: React.ComponentProps<BEMBlockDOMElement> | (BEMBlockMods extends undefined ? React.ComponentProps<BEMBlockDOMElement> : React.ComponentProps<BEMBlockDOMElement> & ModProps<BEMBlockMods>)) => any, Elements>;
export declare const bemed: <Elements extends {
    [key: string]: ElementBlock;
}, BEMBlockDOMElement extends "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "menuitem" | "keygen" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>) = "div", DefaultProps extends React.ComponentProps<BEMBlockDOMElement> = any, BEMBlockMods extends Record<string, string | true | string[] | {
    asCSS(selector: string): string;
    asStyleTag(selector: string): (props: any) => JSX.Element;
    cssString: string;
    sourceMap: string;
    render: <T>(reactElement: T, cssChunks: {
        className: string;
        cssString: string;
        sourceMap: string;
    }[]) => T;
    hash: (str: string) => string;
} | Record<string, string | true | string[] | {
    asCSS(selector: string): string;
    asStyleTag(selector: string): (props: any) => JSX.Element;
    cssString: string;
    sourceMap: string;
    render: <T>(reactElement: T, cssChunks: {
        className: string;
        cssString: string;
        sourceMap: string;
    }[]) => T;
    hash: (str: string) => string;
}>> | undefined = undefined>(blockOptions?: {
    name?: string | undefined;
    as?: BEMBlockDOMElement | undefined;
    defaultProps?: DefaultProps | undefined;
    mods?: BEMBlockMods | undefined;
    defaultMods?: EnumModDefaults<BEMBlockMods> | undefined;
    css?: {
        asCSS(selector: string): string;
        asStyleTag(selector: string): (props: any) => JSX.Element;
        cssString: string;
        sourceMap: string;
        render: <T>(reactElement: T, cssChunks: {
            className: string;
            cssString: string;
            sourceMap: string;
        }[]) => T;
        hash: (str: string) => string;
    } | undefined;
    className?: string | {
        className: string;
        bemCSS: {
            asCSS(selector: string): string;
            asStyleTag(selector: string): (props: any) => JSX.Element;
            cssString: string;
            sourceMap: string;
            render: <T>(reactElement: T, cssChunks: {
                className: string;
                cssString: string;
                sourceMap: string;
            }[]) => T;
            hash: (str: string) => string;
        };
    } | ClassNamesTypes[] | undefined;
    elements?: Elements | undefined;
} | undefined) => BEMBlock<(props: React.ComponentProps<BEMBlockDOMElement> | (BEMBlockMods extends undefined ? React.ComponentProps<BEMBlockDOMElement> : React.ComponentProps<BEMBlockDOMElement> & ModProps<BEMBlockMods>)) => any, Elements>;
export {};