@pagamio/frontend-commons-lib
Version:
Pagamio library for Frontend reusable components like the form engine and table container
7 lines (6 loc) • 737 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Avatar, AvatarFallback, AvatarImage } from './Avatar';
const AvatarIcon = ({ username }) => {
return (_jsxs("div", { className: "flex gap-2 p-3 mb-1", children: [_jsxs("div", { className: "relative", children: [_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "user" }), _jsx(AvatarFallback, { children: "CN" })] }), _jsx("div", { className: "border size-3 absolute bottom-0 right-0 rounded-full bg-green-400" })] }), _jsxs("div", { className: "", children: [_jsx("p", { className: "text-sm", children: username }), _jsx("p", { className: "text-xs", children: "Administrator" })] })] }));
};
export default AvatarIcon;