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