@harvest-profit/npk/dist/SegmentedControl/IconButton/IconButton.js

NPK UI Design System

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const SegmentedControl_module_css_1 = __importDefault(require("../SegmentedControl.module.css"));
const SegmentedControl_1 = require("../SegmentedControl");
const BaseButton_1 = __importDefault(require("../../BaseButton"));
const IconButton = ({ icon, loading, ...props }) => {
    const ctrContext = (0, react_1.useContext)(SegmentedControl_1.SegmentedControlContext);
    if (!props['aria-label']) {
        console.error('aria-label was not provided to IconButton');
    }
    return ((0, jsx_runtime_1.jsx)("li", { "data-selected": ctrContext.selected, children: (0, jsx_runtime_1.jsx)(BaseButton_1.default, { className: SegmentedControl_module_css_1.default.SegmentedControlButton, icon: icon, onClick: () => ctrContext.onChange(ctrContext.index), loading: loading, "aria-label": props['aria-label'], ...props }) }));
};
exports.default = IconButton;
//# sourceMappingURL=IconButton.js.map