@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 643 B
JavaScript
import{jsxs as t,jsx as r}from"react/jsx-runtime";import a from"@mui/material/Typography";import e from"@mui/material/Stack";import{StatusAvatar as o}from"../../../core/StatusAvatar/StatusAvatar.container.js";const i="NexusFileUserCell",s=({row:s})=>{const n=s.owner.split(" ");return t(e,{direction:"row",justifyContent:"center",alignItems:"flex-start",spacing:2,className:`${i}-root`,"data-testid":`${i}-root`,children:[r(o,{"data-testid":`${i}-avatar`,firstName:n[0],lastName:n.pop(),sx:{width:24,height:24}}),r(a,{"data-testid":`${i}-name`,variant:"body2",color:"text.secondary",noWrap:!0,children:s.owner})]})};export{s as FileUserCell};