UNPKG

analytica-frontend-lib

Version:

Repositório público dos componentes utilizados nas plataformas da Analytica Ensino

63 lines (58 loc) 2.04 kB
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _chunkTN3AYOMVjs = require('./chunk-TN3AYOMV.js'); // src/components/SelectionButton/SelectionButton.tsx var _react = require('react'); var _jsxruntime = require('react/jsx-runtime'); var SelectionButton = _react.forwardRef.call(void 0, ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => { const baseClasses = [ "inline-flex", "items-center", "justify-start", "gap-2", "p-4", "rounded-xl", "cursor-pointer", "border", "border-border-50", "bg-background", "text-sm", "text-text-700", "font-bold", "shadow-soft-shadow-1", "hover:bg-background-100", "focus-visible:outline-none", "focus-visible:ring-2", "focus-visible:ring-indicator-info", "focus-visible:ring-offset-0", "focus-visible:shadow-none", "active:ring-2", "active:ring-primary-950", "active:ring-offset-0", "active:shadow-none", "disabled:opacity-50", "disabled:cursor-not-allowed" ]; const stateClasses = selected ? ["ring-primary-950", "ring-2", "ring-offset-0", "shadow-none"] : []; const allClasses = [...baseClasses, ...stateClasses].join(" "); return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { ref, type: "button", className: _chunkTN3AYOMVjs.cn.call(void 0, allClasses, className), disabled, "aria-pressed": selected, ...props, children: [ icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex items-center justify-center w-6 h-6", children: icon }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label }) ] } ); } ); SelectionButton.displayName = "SelectionButton"; var SelectionButton_default = SelectionButton; exports.SelectionButton_default = SelectionButton_default; //# sourceMappingURL=chunk-I3SR6N3L.js.map