import * as _angular_core from '@angular/core';

/** When the rays animate. */
type WrStarBorderMode = 'infinite' | 'hover';
/** Ray layout — both edges (reactbits default) or just the bottom one. */
type WrStarBorderRays = 'mirror' | 'single';

/**
 * Star border — radial "comet" rays orbiting the top and bottom edges of
 * a rounded container. Project any content; it sits on a themed inner
 * panel above the rays.
 *
 * Works as an element or as an attribute on buttons / links.
 *
 * @example
 * ```html
 * <wr-star-border>Star border</wr-star-border>
 * <button wr-star-border mode="hover" rays="single">Hover me</button>
 * ```
 *
 * @see https://ngwr.dev/animations/star-border
 */
declare class WrStarBorder {
    /** Ray colour. When unset, the theme decides: primary on light, white on dark. */
    readonly color: _angular_core.InputSignal<string | null>;
    /** Seconds per ray sweep. @default 6 */
    readonly speed: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Vertical bleed of the rays past the inner panel, in px. @default 1 */
    readonly thickness: _angular_core.InputSignalWithTransform<number, unknown>;
    /** `'infinite'` animates always; `'hover'` only while hovered. @default 'infinite' */
    readonly mode: _angular_core.InputSignal<WrStarBorderMode>;
    /** `'mirror'` runs rays along both edges; `'single'` only the bottom. @default 'mirror' */
    readonly rays: _angular_core.InputSignal<WrStarBorderRays>;
    protected readonly classes: () => string;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrStarBorder, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrStarBorder, "wr-star-border, [wr-star-border]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "rays": { "alias": "rays"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

export { WrStarBorder };
export type { WrStarBorderMode, WrStarBorderRays };