@dnb/eufemia/components/visually-hidden/VisuallyHidden.js

DNB Eufemia Design System UI Library

"use client";

import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
import React from 'react';
import classnames from 'classnames';
import Context from "../../shared/Context.js";
import { extendPropsWithContext } from "../../shared/component-helper.js";
export const defaultProps = {
  focusable: false,
  element: 'span'
};
const VisuallyHidden = localProps => {
  const context = React.useContext(Context);
  const {
    element,
    children,
    className,
    focusable,
    ...props
  } = extendPropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.VisuallyHidden);
  const visuallyHiddenClassNames = classnames('dnb-visually-hidden', focusable ? 'dnb-visually-hidden--focusable' : 'dnb-sr-only', className);
  const Element = element || 'span';
  return React.createElement(Element, _extends({
    className: visuallyHiddenClassNames
  }, props), children);
};
VisuallyHidden._supportsSpacingProps = false;
export default VisuallyHidden;
//# sourceMappingURL=VisuallyHidden.js.map