import React from "react";
import type { AkselColor } from "../../../types/index.js";
import { type BaseAlertContextProps } from "./BaseAlertRoot.context.js";
interface BaseAlertProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Component content.
     */
    children: React.ReactNode;
    /**
     * Changes the size.
     * @default "medium"
     */
    size?: BaseAlertContextProps["size"];
    /**
     * Overrides inherited color.
     * @see 🏷️ {@link AkselColor}
     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
     */
    "data-color"?: AkselColor;
    /**
     * Intensity of the alert
     */
    type: "moderate" | "strong";
    /**
     * Centers content and removes border-radius
     * @default false
     */
    global?: boolean;
    /**
     * Type of alert
     */
    status?: BaseAlertContextProps["status"];
    /**
     * Changes the HTML element used for the root element.
     *
     * **Testing**: When using `axe-core` for accessibility testing, `section` might warn about unique landmarks if you have multiple Alerts on page with the same status.
     * In those cases, consider using `div` as the root element, or adding unique `aria-label` or `aria-labelledby` props.
     * @see [📝 Landmarks unique](https://dequeuniversity.com/rules/axe/4.6/landmark-unique)
     * @default "section"
     */
    as?: "section" | "div";
}
declare const BaseAlert: React.ForwardRefExoticComponent<BaseAlertProps & React.RefAttributes<HTMLDivElement>>;
export { BaseAlert };
export type { BaseAlertProps };
