import { EventName } from "@lit/react";
import { LitElement } from "lit";
import React from "react";
import type { WarpAttention } from "./attention.js";
declare class Component extends LitElement {
}
declare const BaseAttention: import("@lit/react").ReactWebComponent<Component, {
    onClose: EventName<CustomEvent>;
    onclose: EventName<CustomEvent>;
}>;
type BaseProps = React.ComponentPropsWithoutRef<typeof BaseAttention>;
export type AttentionProps = Omit<BaseProps, "popover" | "can-close" | "no-arrow" | "cross-axis" | "fallback-placements"> & {
    popover?: boolean;
} & Partial<Omit<WarpAttention, keyof HTMLElement>>;
/**
 * Note: attention will soon be split into multiple components (tooltip, callout, popover, highlight) at which time this component will be deprecated. For now, use the `tooltip`, `callout`, `popover`, and `highlight` boolean properties to achieve the desired style and behavior.
 *
 * Attention is a versatile component for displaying contextual information and messages. It can be used for a wide range of purposes, such as tooltips, callouts, popovers, and highlights.
 *
 * The component is designed to be anchored to a trigger element, providing contextual information related to that element. It supports various placements and styling options to accommodate different use cases and design needs.
 *
 * [Warp component reference](https://warp-ds.github.io/docs/components/tooltip/frameworks/elements)
 */
export declare const Attention: React.FC<AttentionProps>;
export {};