@seasketch/geoprocessing/dist/src/components/Tooltip.d.ts

Geoprocessing and reporting framework for SeaSketch 2.0

import React from "react";
import popper from "@popperjs/core";
export interface TooltipContainerProps {
    $visible: boolean;
}
/**
 * Renders an element with a tooltip
 */
export interface TooltipProps {
    text: string;
    children: React.ReactElement;
    placement?: popper.Placement;
    offset?: {
        horizontal: number;
        vertical: number;
    };
    width?: number;
}
export declare const TooltipContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipContainerProps>> & string;
export declare const TooltipTrigger: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
export declare const TooltipItem: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
export declare const Tooltip: ({ children, placement, offset, text, width, }: TooltipProps) => React.JSX.Element;