@primer/react
Version:
An implementation of GitHub's Primer Design System using React
54 lines (53 loc) • 1.23 kB
JavaScript
import _VisuallyHidden_module_css_default from "./_VisuallyHidden.module.css.js";
import { c } from "react-compiler-runtime";
import { clsx } from "clsx";
import { jsx } from "react/jsx-runtime";
//#region src/_VisuallyHidden.tsx
function VisuallyHidden(t0) {
const $ = c(14);
let as;
let children;
let className;
let isVisible;
let rest;
if ($[0] !== t0) {
({isVisible, children, as, className, ...rest} = t0);
$[0] = t0;
$[1] = as;
$[2] = children;
$[3] = className;
$[4] = isVisible;
$[5] = rest;
} else {
as = $[1];
children = $[2];
className = $[3];
isVisible = $[4];
rest = $[5];
}
const Component = as || "span";
const t1 = !isVisible;
let t2;
if ($[6] !== className || $[7] !== t1) {
t2 = clsx(className, { [_VisuallyHidden_module_css_default.InternalVisuallyHidden]: t1 });
$[6] = className;
$[7] = t1;
$[8] = t2;
} else t2 = $[8];
let t3;
if ($[9] !== Component || $[10] !== children || $[11] !== rest || $[12] !== t2) {
t3 = /*#__PURE__*/ jsx(Component, {
className: t2,
...rest,
children
});
$[9] = Component;
$[10] = children;
$[11] = rest;
$[12] = t2;
$[13] = t3;
} else t3 = $[13];
return t3;
}
//#endregion
export { VisuallyHidden as default };