retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 1.01 kB
JavaScript
import{__rest as s}from"../../_virtual/_tslib.js";import{forwardRef as e}from"react";import{jsxs as i,jsx as a}from"../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js";import{classNames as o}from"../../utils/classNames.js";import r from"../../constants/commonClassNames.js";import{Switch as t,SwitchInput as c,SwitchSlider as m}from"./Switch.styled.js";const d=e(((e,d)=>{var{id:l,sx:n,className:h,size:p="medium",variant:u="rounded",color:g="primary",disabled:b=!1,toggled:j,onChange:v}=e,w=s(e,["id","sx","className","size","variant","color","disabled","toggled","onChange"]);return i(t,Object.assign({ref:d,id:l,sx:n,className:o("switch-root",h,r),$disabled:b,$size:p},w,{children:[a(c,{type:"checkbox",checked:j,onChange:v,disabled:b,className:"switch-input",role:"switch","aria-checked":j,"aria-label":"Toggle switch"},void 0),a(m,{className:`switch-${u}-slider`,$variant:u,$color:g,$size:p,$disabled:b},void 0)]}),void 0)}));d.displayName="Switch";export{d as Switch};