"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = UnderlineText;
const tslib_1 = require("tslib");
const lexical_1 = require("lexical");
const react_1 = tslib_1.__importDefault(require("react"));
const types_1 = require("../../../../types");
function UnderlineText({ editor, isActive }) {
    return (react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
        react_1.default.createElement("button", { type: 'button', "data-color-button": 'true', className: (0, types_1.classNames)('p-1 rounded-md duration-200 cursor-pointer', isActive ? 'bg-gray-200' : 'hover:bg-gray-200'), onClick: () => {
                editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, 'underline');
            } },
            react_1.default.createElement("span", null,
                react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
                    react_1.default.createElement("path", { d: 'M7.25 3.75C7.25 3.33579 6.91421 3 6.5 3C6.08579 3 5.75 3.33579 5.75 3.75V9.75C5.75 12.0972 7.65279 14 10 14C12.3472 14 14.25 12.0972 14.25 9.75V3.75C14.25 3.33579 13.9142 3 13.5 3C13.0858 3 12.75 3.33579 12.75 3.75V9.75C12.75 11.2688 11.5188 12.5 10 12.5C8.48122 12.5 7.25 11.2688 7.25 9.75V3.75Z', fill: '#4A4A4A' }),
                    react_1.default.createElement("path", { d: 'M4.75 15.5C4.33579 15.5 4 15.8358 4 16.25C4 16.6642 4.33579 17 4.75 17H15.25C15.6642 17 16 16.6642 16 16.25C16 15.8358 15.6642 15.5 15.25 15.5H4.75Z', fill: '#4A4A4A' }))))));
}
//# sourceMappingURL=underline-text.js.map