import { ELEVATION } from "../system/Elevation";
type Options = {
    modifier?: "hover" | "focus" | "active";
    transition?: boolean;
};
/**
 * Maps the elevation to a Tailwind CSS class. We do it this way because Tailwind
 * does not parse classes with dynamic values such as `ui:shadow-${elevation} when building, causing missing classes.
 * See https://tailwindcss.com/docs/content-configuration#dynamic-class-names
 *
 * @param elevation - The elevation of the shadow
 * @param options - The options for the shadow class
 * @returns The Tailwind CSS class name
 *
 * @example
 * const shadowClassName = createShadowClassName("medium"); // "ui:shadow-medium"
 * const shadowClassName = createShadowClassName("medium", { modifier: "hover" }); // "ui:hover:shadow-medium"
 * const shadowClassName = createShadowClassName("medium", { modifier: "hover", transition: true }); // "ui:hover:shadow-medium ui:hover:transition-shadow"
 */
export declare const createShadowClassName: (elevation: keyof typeof ELEVATION | undefined, options?: Options) => string;
export {};