import * as react_jsx_runtime from 'react/jsx-runtime';
import { TooltipContentProps } from './TooltipContent/TooltipContent.types.cjs';
import { ElementType, ReactElement } from 'react';
import { ClayProps } from '../utilities/Clay/Clay.types.cjs';
import { TooltipProps } from './Tooltip.types.cjs';
export { TooltipContent } from './TooltipContent/index.cjs';
import '../types.cjs';
import '@emotion/react';

/** @jsxImportSource @emotion/react */

type TooltipTriggerProps<T extends ElementType> = ClayProps<T> & {
    /**
     * 툴팁을 호출하는 action을 설정할 수 있습니다.
     * @default 'click'
     */
    action?: "hover" | "click";
    /**
     * 툴팁의 노출 여부를 제어할 수 있습니다.
     * @default true
     */
    enabled?: boolean;
};
type TooltipTriggerComponent = <C extends ElementType = "div">(props: TooltipTriggerProps<C>) => ReactElement | null;
/**
 * 툴팁을 호출하는 트리거 wrapper입니다.
 *
 * @param TooltipTriggerProps
 * @example
 * <Tooltip>
 *  <Tooltip.trigger>
 *    <button>hi</button>
 * </Tooltip.trigger>
 * </Tooltip>
 */
declare const TooltipTrigger: TooltipTriggerComponent;

declare const TooltipNameSpace: (({ children, initialOpened, onClose }: TooltipProps) => react_jsx_runtime.JSX.Element) & {
    Trigger: TooltipTriggerComponent;
    Content: ({ children, description, hasArrow, hasCloseButton, label, offsetX, offsetY, position, sx, className, }: TooltipContentProps) => react_jsx_runtime.JSX.Element | null;
};

export { TooltipNameSpace as Tooltip, TooltipProps, TooltipTrigger };