import React from 'react';
import { CSSProperties } from '../index';
/**
 * @desc Utility type for getting props type of React component.
 */
export declare type PropsOf<Tag extends React.ComponentType<any>> = Tag extends React.SFC<infer Props> ? Props & React.Attributes : Tag extends React.ComponentClass<infer Props> ? (Tag extends new (...args: Array<any>) => infer Instance ? Props & React.ClassAttributes<Instance> : never) : never;
declare type AsProp = {
    as?: React.ElementType;
};
/**
 * _isStyled is a private type to validate that selectors are Styled Components.
 * This is required to ensure extra properties are not attached to StyledComponents that style others:
 * ``const Dialog = styled.div` ${Button} { color: red; } ``
 * Without the _isStyled type, Button's properties could appear on Dialog which would be incorrect.
 */
declare type _isStyled = {
    __linaria: {
        className: string;
        extends: React.ComponentType<any> | string;
    };
};
export declare type StyledComponent<Tag, ExtraProps> = React.FunctionComponent<GetProps<Tag> & AsProp & ExtraProps> & _isStyled;
declare type StyledTag<Tag> = <ExtraProps = {}>(strings: TemplateStringsArray, ...exprs: Array<string | number | CSSProperties | StyledComponent<any, any> | ((props?: any) => string | number) | [unknown]>) => StyledComponent<Tag, ExtraProps>;
declare type JSXInEl = JSX.IntrinsicElements;
declare type GetProps<T> = T extends keyof JSXInEl ? JSXInEl[T] : T extends React.ComponentType<any> ? PropsOf<T> : {};
declare type CreateStyled = {
    readonly [key in keyof JSXInEl]: StyledTag<key>;
} & {
    <Tag extends keyof JSXInEl>(tag: Tag): StyledTag<Tag>;
    <Tag extends React.ComponentType<any>>(tag: Tag): StyledTag<Tag>;
};
declare const _default: CreateStyled;
export default _default;