siegel/lib/client_core/ui/Toggle/index.js

Web application development ecosystem

import e from"react";import t from"../_internals/resolve_tag_attributes.js";import l from"../_internals/apply_classname.js";import r from"../_internals/component.js";import a from"../_internals/ref_apply.js";import o from"../_internals/children.js";let n,s="-ui-toggle",i=r(s,{theme:{root:n,_disabled:n,_toggled:n,children:n,label:n,toggle_area:n,toggler:n}},r=>{let{theme:n,labelLeft:s,labelRight:i,value:m,toggleIcon:d,rootTagAttributes:c,payload:g,disabled:_,className:p,children:f,onChange:v,onMouseDown:b}=r,h={className:l(p,[[n._toggled,m],[n._disabled,_]]),onMouseDown:!_&&v?e=>{b?.(e),e.defaultPrevented||v(!m,e,g)}:void 0};return a(h,r),h=t(h,c),e.createElement("div",{...h},s&&e.createElement("div",{className:n.label,children:s}),e.createElement("div",{className:n.toggle_area},e.createElement("div",{className:n.toggler,children:d})),i&&e.createElement("div",{className:n.label,children:i}),o(f,n))});export default i;export{s as componentID};