@amsterdam/design-system-react/dist/Spotlight/Spotlight.d.ts

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import { HTMLAttributes, PropsWithChildren } from 'react';
export declare const spotlightColors: readonly ["azure", "green", "lime", "magenta", "orange", "yellow"];
type SpotlightColor = (typeof spotlightColors)[number];
export type SpotlightProps = {
    /** The HTML element to use. */
    as?: 'article' | 'aside' | 'div' | 'footer' | 'section';
    /** The background colour. */
    color?: SpotlightColor;
} & PropsWithChildren<HTMLAttributes<HTMLElement>>;
export declare const Spotlight: import("react").ForwardRefExoticComponent<{
    /** The HTML element to use. */
    as?: "article" | "aside" | "div" | "footer" | "section";
    /** The background colour. */
    color?: SpotlightColor;
} & HTMLAttributes<HTMLElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<unknown>>;
export {};