1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
| import { cloneElement, useMemo } from "react";
|
| const compareCase = (value, caseValue) => {
| if (Array.isArray(caseValue)) {
| return caseValue.includes(value);
| }
| return value === caseValue;
| };
|
| export const Oneof = ({ value, children, className }) => {
| const selectedChild = useMemo(() => {
| if (Array.isArray(children)) {
| return children.find((c) => compareCase(value, c.props.case)) || null;
| }
| if (compareCase(value, children.props.case)) {
| return children;
| }
| }, [children, value]);
|
| return selectedChild
| ? cloneElement(selectedChild, {
| ...selectedChild.props,
| className: [className, selectedChild.props.className].join(" "),
| })
| : null;
| };
|
|
