"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.MaybeVisuallyHidden = exports.VisuallyHidden = void 0;
const react_1 = __importDefault(require("react"));
const VisuallyHidden_css_1 = __importDefault(require("./VisuallyHidden.css"));
function VisuallyHidden({ children, }) {
    return <span className={VisuallyHidden_css_1.default.VisuallyHidden}>{children}</span>;
}
exports.VisuallyHidden = VisuallyHidden;
function MaybeVisuallyHidden({ children, condition, }) {
    return condition ? (<VisuallyHidden>{children}</VisuallyHidden>) : (<>{children}</>);
}
exports.MaybeVisuallyHidden = MaybeVisuallyHidden;