/*!
 * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
 * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
 *
 * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *
 * See the License for the specific language governing permissions and limitations under the License.
 */
import type { TooltipProps as MuiTooltipProps } from "@mui/material";
import { ReactNode } from "react";
import { HtmlProps } from "./HtmlProps.js";
export type IconWithTooltipProps = {
    /**
     * The icon to render. Defaults to `InformationCircleIcon`.
     * @default `<InformationCircleIcon />`
     */
    IconComponent?: ReactNode;
    /**
     * The placement of the Tooltip.
     * @default "right"
     */
    placement?: MuiTooltipProps["placement"];
    /**
     * The text to display in the Tooltip
     */
    tooltipText: string;
} & Pick<HtmlProps, "testId" | "translate">;
declare const MemoizedIconWithTooltip: import("react").MemoExoticComponent<({ IconComponent, placement, testId, tooltipText, translate, }: IconWithTooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
export { MemoizedIconWithTooltip as IconWithTooltip };
//# sourceMappingURL=IconWithTooltip.d.ts.map