@codeworker.br/govbr-tw-react
Version:
Biblioteca de componentes React usando Tailwind CSS que implementa o Padrão Digital de Governo.
36 lines (35 loc) • 2.21 kB
JavaScript
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from "react";
import BASE_CLASSNAMES from "../../config/baseClassNames";
import { cn } from "../../libs/utils";
const PersonaRoot = forwardRef((_a, ref) => {
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
return (_jsx("div", Object.assign({ ref: ref, className: cn("flex items-center gap-3", BASE_CLASSNAMES.persona.root, className) }, props, { children: children })));
});
PersonaRoot.displayName = "Persona";
const PersonaAvatar = ({ children, className }) => (_jsx("div", { className: cn("flex-shrink-0", BASE_CLASSNAMES.persona.avatar, className), children: children }));
PersonaAvatar.displayName = "PersonaAvatar";
const PersonaInfo = (_a) => {
var { className, primaryText, secondaryText, children } = _a, props = __rest(_a, ["className", "primaryText", "secondaryText", "children"]);
return (_jsxs("div", Object.assign({ className: cn("min-w-0 flex-1", BASE_CLASSNAMES.persona.info, className) }, props, { children: [_jsx("p", { className: "truncate text-sm font-semibold text-govbr-gray-90", children: primaryText }), secondaryText ? (_jsx("p", { className: "truncate text-xs text-govbr-gray-60", children: secondaryText })) : null, children] })));
};
PersonaInfo.displayName = "PersonaInfo";
const PersonaAction = ({ children, className }) => (_jsx("div", { className: cn("flex h-full items-center justify-end gap-2", BASE_CLASSNAMES.persona.action, className), children: children }));
PersonaAction.displayName = "PersonaAction";
const Persona = Object.assign(PersonaRoot, {
Avatar: PersonaAvatar,
Info: PersonaInfo,
Action: PersonaAction,
});
export { Persona };