git.iko.soy/bridge
on 04765bb help sign in
bridge/src/components/old/Checkbox.js
50 lines 1.1 kB history raw
1import React from 'react';
3const CheckBox = ({
4 name,
5 id,
6 title,
7 subtitle,
8 onChange,
9 className,
10 state,
11 children,
12 childContainerClassname,
13 disabled,
14}) => {
15 const isCheckedClassname = state === true ? 'cb-on' : 'cb-off';
17 return (
18 <div className={`cb flex items-center ${isCheckedClassname} ${className}`}>
19 <label className={'s-6 m-0 mr-4 rel outline-blue'}>
20 <input
21 disabled={disabled}
22 name={name}
23 id={id}
24 type={'checkbox'}
25 className={'none'}
26 checked={state}
27 onChange={onChange}
28 />
30 <svg
31 width="24"
32 height="24"
33 viewBox="0 0 24 24"
34 fill="none"
35 xmlns="http://www.w3.org/2000/svg">
36 <path
37 d="M2 3.55661V0H0V5.55661H12.4182V3.55661H2Z"
38 transform="translate(4 11) rotate(-45)"
39 fill="white"
40 />
41 </svg>
42 </label>
43 <div className={`user-select-none ${childContainerClassname} mt-1`}>
44 {children}
45 </div>
46 </div>
47 );
48};
50export default CheckBox;