@navinc/base-react-components
Version:
Nav's Pattern Library
28 lines (27 loc) • 1.72 kB
TypeScript
/// <reference types="react" />
import { IconName } from './icons';
declare type CssProps = {
maxWidth?: string;
minWidth?: string;
isDark?: boolean;
};
declare type TooltipProps = {
children: React.ReactNode;
className?: string;
iconName?: IconName;
target?: React.ReactNode;
'data-testid'?: string;
placement?: 'top' | 'right' | 'bottom' | 'left';
open?: boolean;
arrow?: boolean;
} & CssProps;
export declare const TooltipTargetIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
variation?: import("./button.js").VariationKey | undefined;
buttonAriaLabel?: string | undefined;
} & Omit<import("./types.js").InferComponentProps<import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("./button.js").StyledButtonProps, never>>, "size"> & import("./types.js").InferComponentProps<import("styled-components").StyledComponent<({ name, size, ...props }: {
name: IconName;
size?: string | undefined;
} & import("react").SVGProps<SVGSVGElement>) => JSX.Element | null, import("styled-components").DefaultTheme, {}, never>> & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
export declare const Tooltip: ({ className, children, iconName, target, "data-testid": dataTestId, arrow, isDark, placement, ...props }: TooltipProps) => JSX.Element;
declare const _default: import("styled-components").StyledComponent<({ className, children, iconName, target, "data-testid": dataTestId, arrow, isDark, placement, ...props }: TooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
export default _default;