"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),s=require("../../atoms/Toggle/Toggle.js");exports.SeparationRow=function(i){var r=i.label,n=i.isEnabled,o=i.duration,t=i.onToggle,l=i.onDurationChange,d=i.unit,g=void 0===d?"mins":d,u=i.isHighlighted,c=void 0!==u&&u,p=i.isDisabled,b=void 0!==p&&p;return a.jsxs("div",e.__assign({className:"separation-row-container ".concat(n?"enabled":""),style:{margin:"0 4px",transition:"box-shadow 0.9s ease-in-out, border-color 0.9s ease-in-out",boxShadow:c?"0 0 8px 3px rgba(37, 99, 235, 0.4)":"none",borderColor:c?"rgba(37, 99, 235, 0.35)":void 0,borderRadius:"4px"}},{children:[a.jsxs("div",e.__assign({className:"separation-header-row"},{children:[a.jsx("div",e.__assign({className:"separation-label"},{children:r})),a.jsx(s.Toggle,{isEnabled:n,onToggle:t,isDisabled:b})]})),a.jsx("div",e.__assign({className:"separation-controls-row"},{children:a.jsxs("div",e.__assign({className:"duration-input-wrapper"},{children:[a.jsx("input",{type:"number",min:"0",value:o.toString(),disabled:!n||b,onChange:function(e){if(!b){var a=e.target.value;if(a.length>1&&a.startsWith("0")){var s=Number(a);e.target.value=s.toString(),l(s)}else l(Number(a))}},className:"separation-input"}),a.jsx("span",e.__assign({className:"separation-unit"},{children:g}))]}))}))]}))};
//# sourceMappingURL=SeparationRow.js.map
