react-restyle-components
Version:
Easy use restyle components
21 lines (20 loc) • 1.22 kB
JavaScript
import React, { useState } from 'react';
import '../../../../tc.css';
import { UnCheckbox, CheckedBox } from '../../../library/assets/svg';
import { InputWrapper } from '../form/form.component';
export const CheckBox = ({ title = 'Banks', data = [{ title: 'SBI Bank', checked: false }], className, onChange, }) => {
const [list, setList] = useState(data);
const width = 20;
return (React.createElement(InputWrapper, { label: title }, list?.map((item, index) => (React.createElement("div", { className: `${className} flex flex-row items-center `, onClick: () => {
const result = list?.map((e, i) => {
if (i == index)
return { ...e, checked: !item.checked };
else
return { ...e };
});
setList(result);
onChange(result?.filter((item) => item.checked));
}, key: index },
React.createElement("div", { className: "flex mt-1" }, item.checked ? (React.createElement(CheckedBox, { width: width, height: width, fill: "#E7503D", stroke: "E7503D" })) : (React.createElement(UnCheckbox, { width: width, height: width }))),
React.createElement("span", null, item?.title))))));
};