import React from "react";
import { BaseAlert } from "../../base-alert/index.js";
import { LocalAlertCloseButton, type LocalAlertCloseButtonProps } from "../close-button/LocalAlertCloseButton.js";
import { LocalAlertContent, type LocalAlertContentProps } from "../content/LocalAlertContent.js";
import { LocalAlertHeader, type LocalAlertHeaderProps } from "../header/LocalAlertHeader.js";
import { LocalAlertTitle, type LocalAlertTitleProps } from "../title/LocalAlertTitle.js";
interface LocalAlertProps extends Omit<BaseAlert.RootProps, "type" | "global" | "data-color"> {
    status: Exclude<BaseAlert.RootProps["status"], undefined>;
    /**
     * data-color has no effect on LocalAlert.
     */
    "data-color"?: never;
}
interface LocalAlertComponent extends React.ForwardRefExoticComponent<LocalAlertProps & React.RefAttributes<HTMLDivElement>> {
    /**
     * @see 🏷️ {@link LocalAlertHeaderProps}
     * @example
     * ```jsx
     *  <LocalAlert>
     *    <LocalAlert.Header>
     *      <LocalAlert.Title>Info title</LocalAlert.Title>
     *    </LocalAlert.Header>
     *  </LocalAlert>
     * ```
     */
    Header: typeof LocalAlertHeader;
    /**
     * Title component for LocalAlert. Remember to use correct heading-level with the `as` prop.
     * @see 🏷️ {@link LocalAlertTitleProps}
     * @example
     * ```jsx
     *  <LocalAlert>
     *    <LocalAlert.Header>
     *      <LocalAlert.Title as="h2">Info title</LocalAlert.Title>
     *    </LocalAlert.Header>
     *  </LocalAlert>
     * ```
     */
    Title: typeof LocalAlertTitle;
    /**
     * @see 🏷️ {@link LocalAlertContentProps}
     * @example
     * ```jsx
     *  <LocalAlert>
     *    <LocalAlert.Header>
     *      <LocalAlert.Title>Info title</LocalAlert.Title>
     *    </LocalAlert.Header>
     *
     *    <LocalAlert.Content>Content</LocalAlert.Content>
     *  </LocalAlert>
     * ```
     */
    Content: typeof LocalAlertContent;
    /**
     * @see 🏷️ {@link LocalAlertCloseProps}
     * @example
     * ```jsx
     *  <LocalAlert>
     *    <LocalAlert.Header>
     *      <LocalAlert.Title>Info title</LocalAlert.Title>
     *     <LocalAlert.CloseButton onClick={() => alert("Closed!")} />
     *    </LocalAlert.Header>
     *  </LocalAlert>
     * ```
     */
    CloseButton: typeof LocalAlertCloseButton;
}
/**
 * A component for displaying important messages about a certain part of the page.
 * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/localalert)
 * @see 🏷️ {@link LocalAlertProps}
 * @example
 * ```jsx
 *  <LocalAlert status="error">
 *    <LocalAlert.Header>
 *      <LocalAlert.Title>Alert title</LocalAlert.Title>
 *    </LocalAlert.Header>
 *    <LocalAlert.Content>Content</LocalAlert.Content>
 *  </LocalAlert>
 * ```
 */
export declare const LocalAlert: LocalAlertComponent;
export default LocalAlert;
export { LocalAlertContent, LocalAlertHeader, LocalAlertTitle, LocalAlertCloseButton, };
export type { LocalAlertProps, LocalAlertContentProps, LocalAlertHeaderProps, LocalAlertTitleProps, LocalAlertCloseButtonProps, };