@wix/design-system

Version:
@wix/design-system
www.wixdesignsystem.com
16 lines • 1.12 kB
JavaScript
import React from 'react';
import { Tooltip } from '../../Tooltip';
import { IconButton } from '../../IconButton';
import { ChevronRightSmall, ChevronLeftSmall } from '@wix/wix-ui-icons-common';
import { useIcons } from '../../WixDesignSystemIconThemeProvider';
import { dataHooks } from '../constants';
import { st, classes } from './ToggleButton.st.css.js';
export const ToggleButton = ({ minimized, minimizeToggleTooltip, onMinimizeToggleClick, skin, }) => {
    const icons = useIcons('SidebarNext', {
        ChevronLeftSmall,
        ChevronRightSmall,
    });
    return (React.createElement(Tooltip, { className: st(classes.root, { skin }), size: "small", placement: "right-start", moveBy: { x: 12, y: -3 }, disabled: !minimizeToggleTooltip, content: minimizeToggleTooltip },
        React.createElement(IconButton, { size: "tiny", onClick: onMinimizeToggleClick, dataHook: dataHooks.minimizeButton, className: st(classes.iconButton, { skin }) }, minimized ? React.createElement(icons.ChevronRightSmall, null) : React.createElement(icons.ChevronLeftSmall, null))));
};
//# sourceMappingURL=ToggleButton.js.map