@primer/react-brand/lib/FrostedGlassVFX/FrostedGlassVFX.d.ts

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import React from 'react';
import type { BaseProps } from '../component-helpers';
/**
 * Design tokens
 */
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css';
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css';
export declare const FrostedGlassVFXIntensity: readonly ["low", "medium", "high"];
export type FrostedGlassVFXIntensity = (typeof FrostedGlassVFXIntensity)[number];
export declare const defaultFrostedGlassVFXIntensity: FrostedGlassVFXIntensity;
export type FrostedGlassVFXProps = BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
    /**
     * Applies rounded corners
     */
    hasBorderRadius?: boolean;
    /**
     * Controls the blur amount
     */
    intensity?: FrostedGlassVFXIntensity;
};
/**
 * FrostedGlassVFX component
 * {@link https://primer.style/brand/components/FrostedGlassVFX/ See usage examples}.
 */
export declare function FrostedGlassVFX({ hasBorderRadius, children, className, intensity, ...rest }: FrostedGlassVFXProps): import("react/jsx-runtime").JSX.Element;