import type { ComponentType } from 'react';
import { DripsyFinalTheme } from '../declarations';
import type { ThemedOptions } from './types';
/**
 * `styled` is little more than a recreation of `createThemedComponent`, with a nicer API. It does the same thing, but looks a bit nicer to use and has a clean name 😇
 *
 * ```jsx
 * import { Text } from 'react-native'
 *
 * const MyText = styled(Text)({
 *   borderBottomStyle: 'solid',
 *   color: ['primary', 'secondary']
 * })
 * ```
 *
 */
export declare function styled<Props, C extends ComponentType<any> = ComponentType<Props>, ThemeKey extends keyof DripsyFinalTheme = keyof DripsyFinalTheme>(Component: C, { themeKey, defaultVariant, }?: Pick<ThemedOptions<any, ThemeKey>, 'themeKey' | 'defaultVariant'>): <Extra>(defaultStyle?: import("./types").Sx | ((props: Extra) => import("./types").Sx) | undefined) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<import("react").PropsWithChildren<import("./create-themed-component").Props<C, Extra, ThemeKey>>> & import("react").RefAttributes<import("react").ElementRef<C>>>;