import { ReactHTML, HTMLAttributes, FC } from "react";
import { RuleSet, Sheet, css, Styles, CustomStyle, FalsyValue } from "../main";
export declare type Styled<R extends RuleSet> = {
    /**
     * create styled component from predefined rules
     */
    (styles: Styles<R> | (Styles<R> | FalsyValue)[], ...customStyles: CustomStyle<Styles<R>>[]): {
        className: string;
    };
    /**
     * for Typescript styping only
     */
    readonly styles: Styles<R>;
    /**
     * create styled component from CSS string
     */
    <T extends keyof ReactHTML>(element: T): (template: TemplateStringsArray, ...args: any[]) => FC<HTMLAttributes<T>>;
    /**
     * create styled component from specified tag name
     */
    <T extends keyof ReactHTML>(element: T, ...args: Parameters<typeof css>): FC<HTMLAttributes<T>>;
};
export declare const createStyled: <R extends RuleSet>(input: R | Sheet<R>) => Styled<R>;