import { CSSProperties, PropsWithChildren } from 'react';
import { AlphaColor, PropsWithClassName, PropsWithElementType } from '../../lib/types/props';
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
declare const accentBoxBackgroundColors: readonly ["neutral", "blue", "violet", "teal", "lilac", "green", "navy", "gradient"];
type AccentBoxBackgroundColor = (typeof accentBoxBackgroundColors)[number];
type AccentBoxWithCustomBackgroundColor = AccentBoxBackgroundColor | (string & {});
export interface AccentBoxProps extends PropsWithChildren, PropsWithElementType<"div" | "section" | "article">, PropsWithClassName, FlowComponentProps {
    /** The background color of the accent box. @default "neutral" */
    backgroundColor?: AccentBoxWithCustomBackgroundColor;
    /** The content color of the accent box. @default "default" */
    color?: "default" | AlphaColor;
    /** The background image of the accent box. */
    backgroundImage?: string;
    /** The aspect ratio of the accent box. */
    aspectRatio?: CSSProperties["aspectRatio"];
}
/**
 * @flr-generate all
 * @flowStatus beta
 */
export declare const AccentBox: import('react').FunctionComponent<AccentBoxProps & import('react').RefAttributes<HTMLDivElement>>;
export default AccentBox;