UNPKG

@privy-io/react-auth

Version:

React client for the Privy Auth API

2 lines (1 loc) 1.42 kB
import{jsx as o,jsxs as e}from"react/jsx-runtime";import{styled as i}from"styled-components";const c=({className:i,checked:c,color:l="var(--privy-color-accent)",...p})=>/*#__PURE__*/o("label",{children:/*#__PURE__*/e(d,{className:i,children:[/*#__PURE__*/o(r,{checked:c,...p}),/*#__PURE__*/o(t,{color:l,checked:c,children:/*#__PURE__*/o(n,{viewBox:"0 0 24 24",children:/*#__PURE__*/o("polyline",{points:"20 6 9 17 4 12"})})})]})});let d=/*#__PURE__*/i.div.withConfig({displayName:"CheckboxContainer",componentId:"sc-db51b935-1"})(["display:inline-block;vertical-align:middle;"]),n=/*#__PURE__*/i.svg.withConfig({displayName:"Icon",componentId:"sc-db51b935-2"})(["fill:none;stroke:white;stroke-width:3px;"]),r=/*#__PURE__*/i.input.attrs({type:"checkbox"}).withConfig({displayName:"HiddenCheckbox",componentId:"sc-db51b935-3"})(["border:0;clip:rect(0 0 0 0);clippath:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;"]),t=/*#__PURE__*/i.div.withConfig({displayName:"StyledCheckbox",componentId:"sc-db51b935-4"})(["display:inline-block;width:18px;height:18px;transition:all 150ms;cursor:pointer;border-color:",";border-radius:3px;background:",";&&{border-width:1px;}",":focus + &{box-shadow:0 0 0 1px ",";}","{visibility:",";}"],(o=>o.color),(o=>o.checked?o.color:"var(--privy-color-background)"),r,(o=>o.color),n,(o=>o.checked?"visible":"hidden"));export{c as C};