@vhsys-ui/user
Version:
Flexible User Profile Component.
29 lines (26 loc) • 1.05 kB
JavaScript
"use client";
import {
useUser
} from "./chunk-V64HKFOH.mjs";
// src/user.tsx
import { forwardRef } from "@vhsys-ui/system";
import { Avatar } from "@vhsys-ui/avatar";
import { jsx, jsxs } from "react/jsx-runtime";
var User = forwardRef((props, ref) => {
const { Component, name, slots, classNames, description, avatarProps, getUserProps } = useUser({
...props,
ref
});
return /* @__PURE__ */ jsxs(Component, { ...getUserProps(), children: [
/* @__PURE__ */ jsx(Avatar, { ...avatarProps }),
/* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
/* @__PURE__ */ jsx("span", { className: slots.name({ class: classNames == null ? void 0 : classNames.name }), children: name }),
/* @__PURE__ */ jsx("span", { className: slots.description({ class: classNames == null ? void 0 : classNames.description }), children: description })
] })
] });
});
User.displayName = "VhsysUI.User";
var user_default = User;
export {
user_default
};