import { ActionNotification } from '../core/action-notifier';
import { FloatingActionPillConfig } from './FloatingActionPillManager';
/**
 * Floating Action Pill component props
 */
export interface FloatingActionPillProps {
    /** Current action notification */
    notification: ActionNotification | null;
    /** Whether the pill is visible */
    visible?: boolean;
    /** Configuration options */
    config?: Partial<FloatingActionPillConfig>;
    /** Custom className */
    className?: string;
}
/**
 * Floating Action Pill Component
 *
 * Displays action notifications at the bottom center of the screen.
 * Provides visual feedback for AI actions, especially useful on mobile.
 *
 * @example
 * ```tsx
 * import { FloatingActionPill } from '@vowel.to/client/ui';
 *
 * function MyApp() {
 *   const [notification, setNotification] = useState(null);
 *
 *   return (
 *     <FloatingActionPill
 *       notification={notification}
 *       visible={true}
 *       config={{ bottomOffset: 30, mobileOnly: true }}
 *     />
 *   );
 * }
 * ```
 */
export declare function FloatingActionPill({ notification, visible, config: configProp, className, }: FloatingActionPillProps): import("react/jsx-runtime").JSX.Element | null;
export { FloatingActionPillManager, createFloatingActionPill, type FloatingActionPillConfig, } from './FloatingActionPillManager';
//# sourceMappingURL=FloatingActionPill.d.ts.map