import { CSSDirective } from "@microsoft/fast-element";
import { DesignTokenMultiValue } from "../adaptive-design-tokens.js";
import { Color } from "../color/color.js";
/**
 * The definition of a shadow for `box-shadow`, `text-shadow`, or `drop-shadow` values.
 *
 * @public
 */
export declare class Shadow implements CSSDirective {
    color: Color;
    xOffset: number;
    yOffset: number;
    blurRadius?: number | undefined;
    spread?: number | undefined;
    /**
     * Creates a new Shadow.
     *
     * @param color - The color of the shadow.
     * @param xOffset - The x offset in `px`.
     * @param yOffset - The y offset in `px`.
     * @param blurRadius - The blur radius in `px`.
     * @param spread - The spread in `px`. This is not supported in all potential uses of Shadow (text or drop).
     */
    constructor(color: Color, xOffset: number, yOffset: number, blurRadius?: number | undefined, spread?: number | undefined);
    /**
     * {@inheritdoc @microsoft/fast-element#CSSDirective.createCSS}
     */
    createCSS(): string;
}
/**
 * The type of a Shadow token value.
 *
 * @public
 */
export type ShadowValue = Shadow | DesignTokenMultiValue<Shadow> | string;
/**
 * Creates a DesignToken that can be used for Shadow value.
 *
 * @param name - The token name in `dotted.camelCase` casing.
 *
 * @public
 */
export declare const createTokenShadow: (name: string) => import("../adaptive-design-tokens.js").TypedCSSDesignToken<ShadowValue>;