import { ComponentPropsWithoutRef } from 'react';
import { DataTrackingId, LayoutUtilProps, OnCloseProps, Status } from '../../types';
/**
 * Props for the Announcement component
 * @extends ComponentPropsWithoutRef<"div">
 * @extends Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink">
 * @extends OnCloseProps
 */
export type AnnouncementProps = ComponentPropsWithoutRef<"div"> & Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink"> & OnCloseProps & {
    /**
     * The visual style of the announcement.
     * @default info
     */
    status?: Status;
    /**
     * The title text displayed in the announcement.
     */
    title: string;
} & 
/**
 * Data tracking id
 */
DataTrackingId;
/**
 * Announcement component for displaying important messages to users.
 *
 * Features:
 * - Supports different visual styles (info, success, warning, danger)
 * - Optional close button for dismissible announcements
 * - Customizable title and content
 * - Accessible with proper ARIA roles
 * - Includes status-specific icons
 * - Supports layout utilities for positioning and spacing
 * - Includes data tracking capabilities
 *
 * @example
 * <Announcement
 *   title="New Feature"
 *   onClose={() => console.log('Announcement closed')}
 * >
 *   Check out our latest feature!
 * </Announcement>
 *
 * @example
 * <Announcement
 *   status="warning"
 *   title="Maintenance Notice"
 * >
 *   Scheduled maintenance will begin in 30 minutes.
 * </Announcement>
 */
export declare const Announcement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Omit<LayoutUtilProps, "flex" | "flexGrow" | "flexShrink" | "flexBasis"> & OnCloseProps & {
    /**
     * The visual style of the announcement.
     * @default info
     */
    status?: Status;
    /**
     * The title text displayed in the announcement.
     */
    title: string;
} & DataTrackingId & import('react').RefAttributes<HTMLDivElement>>;