import React, { ComponentProps, ComponentType, JSXElementConstructor, ReactElement, ReactNode } from 'react';
import { ViewStyle, TextStyle, ImageStyle } from 'react-native';
/**
 * Types definition
 *
 * @internal
 */
/**
 * For overlap `DefaultTheme` use:
 *
 * styl.d.ts
 *
 * declare module 'react-native-styl' {
 *  export interface DefaultTheme {
 *    colors: {
 *      main: string;
 *      secondary: string;
 *    };
 *  }
 * }
 */
export interface DefaultTheme {
}
/**
 * Theme
 */
declare type StyleProperties = ViewStyle | TextStyle | ImageStyle;
declare type StylesWithTheme<P> = (args: {
    props: P;
    theme: DefaultTheme;
}) => StyleProperties;
declare type Styles<P> = StylesWithTheme<P> | StyleProperties;
/**
 * Props
 */
declare type DefaultProps = object & {
    as?: ComponentType<any>;
    children?: ReactNode;
};
declare type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
declare type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
    as?: E;
}>>;
/**
 * Polymorphic
 */
interface Polymorphic<IntrinsicElement extends JSXElementConstructor<any>, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElement, OwnProps> {
    <As extends JSXElementConstructor<any> | undefined>(props: As extends JSXElementConstructor<infer E> ? Merge<E, OwnProps & {
        as?: As;
        ref?: As;
    }> : Merge<ComponentProps<IntrinsicElement>, OwnProps>): ReactElement | null;
}
/**
 * Provider
 *
 * It receives a theme as argument, to provide custom
 * variables to entire react component tree via context
 *
 * Usage:
 * ```jsx
 * const ThemeA: React.FC = ({ children }) => (
 *   <Provider theme={{ primary: 'blue' }}>
 *      {children}
 *   </Provider>
 * )
 * ```
 */
declare const Provider: React.FC<React.PropsWithChildren<{
    theme: DefaultTheme;
}>>;
/**
 * useTheme
 *
 * Expose the `theme` as a React hook
 */
declare const useTheme: () => DefaultTheme;
/**
 * styl
 *
 * Given a component as first argument, it return a function
 * which receives a callback with `theme` (from context) and `props`
 * from component and should be returned a CSSProperties which
 * will be passes as `style` attribute
 *
 * @example
 * ```tsx
 * const Title = styl(Text)(({ theme, props }) => ({
 *  paddingLeft: props.padding,
 *  color: theme.primary,
 * }));
 *
 * const BigTitle = styl(Title)({ fontSize: 40 })
 * ```
 */
declare const styl: <Comp extends React.ComponentType<any>>(Component: Comp) => <Props extends DefaultProps = DefaultProps>(stylesProp: Styles<Props>) => Polymorphic<Comp, Props>;
export { styl, Provider, useTheme };
//# sourceMappingURL=styl.d.ts.map