import { ReactNode } from "react";
import { VariantNames } from "./variantNames.js";
export declare const useIconVariant: () => VariantNames;
/**
Set the icon variant used in the app. If you don't use IconVariantProvider, the `"filled"` variant will be used.
 
```tsx
    // App.tsx or equivalent

    export const App = () => (
        <IconVariantProvider variant="outlined">
            // ...render the rest of the app...
        </IconVariantProvider>
    );

    // SomeComponent.tsx

    export const SomeComponent = () => (
        <div>
            This icon will now use the "outlined" variant
            <Icon icon="info" />
        </div>
    );
```
*/
export declare const IconVariantProvider: React.FC<{
    variant: VariantNames;
    children: ReactNode;
}>;
//# sourceMappingURL=IconVariantProvider.d.ts.map