@helpwave/hightide/dist/components/Ring.d.mts

helpwave's component and theming library

import * as react_jsx_runtime from 'react/jsx-runtime';
import { CSSProperties } from 'react';

type RingProps = {
    innerSize: number;
    width: number;
    className?: string;
};
declare const Ring: ({ innerSize, width, className, }: RingProps) => react_jsx_runtime.JSX.Element;
type AnimatedRingProps = RingProps & {
    fillAnimationDuration?: number;
    repeating?: boolean;
    onAnimationFinished?: () => void;
    style?: CSSProperties;
};
declare const AnimatedRing: ({ innerSize, width, className, fillAnimationDuration, repeating, onAnimationFinished, style, }: AnimatedRingProps) => react_jsx_runtime.JSX.Element;
type RingWaveProps = Omit<AnimatedRingProps, 'innerSize'> & {
    startInnerSize: number;
    endInnerSize: number;
    style?: CSSProperties;
};
declare const RingWave: ({ startInnerSize, endInnerSize, width, className, fillAnimationDuration, repeating, onAnimationFinished, style }: RingWaveProps) => react_jsx_runtime.JSX.Element;
type RadialRingsProps = {
    circle1ClassName?: string;
    circle2ClassName?: string;
    circle3ClassName?: string;
    waveWidth?: number;
    waveBaseColor?: string;
    sizeCircle1?: number;
    sizeCircle2?: number;
    sizeCircle3?: number;
};
declare const RadialRings: ({ circle1ClassName, circle2ClassName, circle3ClassName, waveWidth, waveBaseColor, sizeCircle1, sizeCircle2, sizeCircle3 }: RadialRingsProps) => react_jsx_runtime.JSX.Element;

export { AnimatedRing, type AnimatedRingProps, RadialRings, type RadialRingsProps, Ring, type RingProps, RingWave, type RingWaveProps };