/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
export declare const spotlightTags: readonly ["article", "aside", "div", "footer", "section"];
type SpotlightTag = (typeof spotlightTags)[number];
export declare const spotlightColors: readonly ["azure", "green", "lime", "magenta", "orange", "yellow"];
type SpotlightColor = (typeof spotlightColors)[number];
export type SpotlightProps = {
    /**
     * The HTML element to use.
     * @default div
     */
    readonly as?: SpotlightTag;
    /** The background colour. */
    readonly color?: SpotlightColor;
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>>;
/**
 * Emphasizes a section on a page through a distinctive background colour.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-spotlight--docs Spotlight docs at Amsterdam Design System}
 */
export declare const Spotlight: import("react").ForwardRefExoticComponent<{
    /**
     * The HTML element to use.
     * @default div
     */
    readonly as?: SpotlightTag;
    /** The background colour. */
    readonly color?: SpotlightColor;
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>> & import("react").RefAttributes<HTMLElement>>;
export {};