@cerberus-design/styled-system/jsx/visually-hidden.mjs

Cerberus Design System Panda-CSS styled-system.

import { createElement, forwardRef } from 'react'

import { splitProps } from '../helpers.mjs';
import { getVisuallyHiddenStyle } from '../patterns/visually-hidden.mjs';
import { cerberus } from './factory.mjs';

export const VisuallyHidden = /* @__PURE__ */ forwardRef(function VisuallyHidden(props, ref) {
  const [patternProps, restProps] = splitProps(props, [])

const styleProps = getVisuallyHiddenStyle(patternProps)
const mergedProps = { ref, ...styleProps, ...restProps }

return createElement(cerberus.div, mergedProps)
  })