@hitachivantara/uikit-react-core
Version:
UI Kit Core React components.
21 lines (20 loc) • 833 B
JavaScript
import { useClasses } from "./Panel.styles.js";
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";
//#region src/Panel/Panel.tsx
/**
* A Panel is a flexible container used in patterns like dropdowns, filter groups, or detail sections. It can be horizontal or vertical, with size defined by its content and context. Its appearance should remain consistent regardless of usage.
*/
var HvPanel = forwardRef(function HvPanel(props, ref) {
const { className, classes: classesProp, children, ...others } = useDefaultProps("HvPanel", props);
const { classes, cx } = useClasses(classesProp);
return /* @__PURE__ */ jsx("div", {
ref,
className: cx(classes.root, className),
...others,
children
});
});
//#endregion
export { HvPanel };