"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.HintIcon = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const BottomDrawer_1 = require("../BottomDrawer");
const Icon_1 = require("./Icon");
const styles_1 = require("./styles");
const useLogic_1 = require("./useLogic");
const HintIcon = ({ variant, title, note, iconOption, tooltipPlacement = 'bottom', renderIcon, tooltipWidth, }) => {
    const { handleClose, handleOpen, open } = (0, useLogic_1.useLogic)();
    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { onClick: handleOpen, variant: variant, iconOption: iconOption, note: note, tooltipPlacement: tooltipPlacement, renderIcon: renderIcon, tooltipWidth: tooltipWidth }), (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: title, open: open, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(styles_1.DrawerContent, { children: note }) })] }));
};
exports.HintIcon = HintIcon;
