UNPKG

@chakra-ui/react

Version:

Responsive and accessible React UI components built with React and Emotion

33 lines (30 loc) 710 B
"use strict"; "use client"; import { jsx } from 'react/jsx-runtime'; import { forwardRef } from 'react'; import { cx } from '../utils/cx.js'; import { chakra } from '../styled-system/factory.js'; const Theme = forwardRef( function Theme2(props, ref) { const { appearance, style, className, hasBackground = true, ...rest } = props; return /* @__PURE__ */ jsx( chakra.div, { color: "fg", bg: hasBackground ? "bg" : void 0, colorPalette: "gray", ...rest, className: cx("chakra-theme", appearance, className), style: { ...style, colorScheme: appearance }, ref } ); } ); export { Theme };