@botonic/react
Version:
Build Chatbots using React
17 lines • 1.28 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ScrollButton = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const arrow_scroll_down_svg_1 = tslib_1.__importDefault(require("../../assets/arrow-scroll-down.svg"));
const environment_1 = require("../../util/environment");
const styles_1 = require("./styles");
const use_debounce_1 = require("./use-debounce");
const use_notifications_1 = require("./use-notifications");
const ScrollButton = ({ handleClick, }) => {
const { CustomScrollButton, scrollButtonEnabled } = (0, use_notifications_1.useNotifications)();
const show = (0, use_debounce_1.useDebounce)();
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: scrollButtonEnabled && show ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: CustomScrollButton ? ((0, jsx_runtime_1.jsx)(CustomScrollButton, { handleScrollToBottom: handleClick })) : ((0, jsx_runtime_1.jsx)(styles_1.ContainerScrollButton, Object.assign({ onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)("img", { src: (0, environment_1.resolveImage)(arrow_scroll_down_svg_1.default) }) }))) })) : null }));
};
exports.ScrollButton = ScrollButton;
//# sourceMappingURL=scroll-button.js.map