import { Styles } from '../styles/types';
export interface UseGlobalStylesOptions {
    /**
     * CSS selector to apply styles to (e.g., '.my-class', ':root', 'body')
     */
    selector: string;
    /**
     * Tasty styles object
     */
    styles?: Styles;
}
/**
 * Hook to inject global styles for a given selector.
 * Useful for styling elements by selector without generating classNames.
 *
 * @example
 * ```tsx
 * function MyComponent() {
 *   useGlobalStyles({
 *     selector: '.card',
 *     styles: {
 *       padding: '2x',
 *       radius: '1r',
 *       fill: '#white',
 *     }
 *   });
 *
 *   return <div className="card">Content</div>;
 * }
 * ```
 */
export declare function useGlobalStyles({ selector, styles, }: UseGlobalStylesOptions): void;
