import { PinceauThemeSheet, PinceauRuntimeSheet } from '@pinceau/runtime';
import { ResponsiveProp, ComputedStyleDefinition, Variants, SupportedHTMLElements, RawCSS } from '@pinceau/style';
import * as vue from 'vue';
import { Prop, ComponentPublicInstance, Ref } from 'vue';

/**
 * Injects global theme sheet access.
 */
declare function useThemeSheet(): PinceauThemeSheet;
/**
 * Injects global runtime sheet access.
 */
declare function useRuntimeSheet(): PinceauRuntimeSheet;
/**
 * A prop to be used on any component to enable `:css` prop.
 */
declare function responsiveProp<T extends string | number | symbol>(defaultValue: ResponsiveProp<T>, required?: boolean): Prop<T>;

declare function useComputedStyles(fns: [string, ComputedStyleDefinition][], props?: ComponentPublicInstance['$props']): Ref<string | undefined>;

declare function useVariants(variants: Variants, props?: ComponentPublicInstance['$props']): vue.ComputedRef<string>;

declare function usePinceauRuntime(staticClass: string | undefined, computedStyles?: [string, ComputedStyleDefinition][], variants?: Variants, props?: ComponentPublicInstance['$props']): vue.ComputedRef<string>;

declare function usePinceauComponent<Props extends {} = {}, T extends SupportedHTMLElements = 'div'>(type?: T, staticClass?: string | undefined, computedStyles?: [string, ComputedStyleDefinition][], variants?: Variants, propNames?: string[]): any;

declare function useStyle(css: Ref<RawCSS> | RawCSS): Ref<string | undefined>;

export { responsiveProp, useComputedStyles, usePinceauComponent, usePinceauRuntime, useRuntimeSheet, useStyle, useThemeSheet, useVariants };