@primer/react
Version:
An implementation of GitHub's Primer Design System using React
32 lines (31 loc) • 1.17 kB
JavaScript
import CheckboxOrRadioGroupContext from "./CheckboxOrRadioGroupContext.js";
import InputValidation from "../InputValidation.js";
import { c } from "react-compiler-runtime";
import { jsx } from "react/jsx-runtime";
import React from "react";
//#region src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.tsx
const CheckboxOrRadioGroupValidation = (t0) => {
const $ = c(5);
const { children, variant } = t0;
const { validationMessageId: t1, parentName } = React.useContext(CheckboxOrRadioGroupContext);
const validationMessageId = t1 === void 0 ? "" : t1;
const t2 = parentName ? `${parentName}.Validation` : void 0;
let t3;
if ($[0] !== children || $[1] !== t2 || $[2] !== validationMessageId || $[3] !== variant) {
t3 = /*#__PURE__*/ jsx(InputValidation, {
validationStatus: variant,
id: validationMessageId,
"data-component": t2,
children
});
$[0] = children;
$[1] = t2;
$[2] = validationMessageId;
$[3] = variant;
$[4] = t3;
} else t3 = $[4];
return t3;
};
CheckboxOrRadioGroupValidation.__SLOT__ = Symbol("CheckboxOrRadioGroup.Validation");
//#endregion
export { CheckboxOrRadioGroupValidation as default };