import { ComponentType } from 'react';

type StyledComponentProps<T> = T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] : T extends ComponentType<infer P> ? P : never;
type StyledComponent<T extends keyof JSX.IntrinsicElements> = React.FC<React.ComponentProps<T>>;
type StyleTemplate<T extends keyof JSX.IntrinsicElements> = (strings: TemplateStringsArray) => StyledComponent<T>;
type StyledFn = {
    <T extends keyof JSX.IntrinsicElements>(name: T): StyleTemplate<T>;
    <T extends keyof JSX.IntrinsicElements>(Component: StyledComponent<T>): StyleTemplate<T>;
};
/**
 * Kuma UI's `styled` API allows you to create styled React components using tagged template literals. This makes it a familiar and comfortable choice for developers who have worked with libraries like styled-components or Emotion.
 */
declare const styled: StyledFn & { [T in keyof JSX.IntrinsicElements]: StyleTemplate<T>; };

export { StyleTemplate, StyledComponent, StyledComponentProps, StyledFn, styled };