primereact/avatargroup/avatargroup.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

import*as r from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as t,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as n}from"primereact/hooks";import{classNames as o}from"primereact/utils";var s=t.extend({defaultProps:{__TYPE:"AvatarGroup",style:null,className:null,children:void 0},css:{classes:{root:"p-avatar-group p-component"},styles:"\n@layer primereact {\n    .p-avatar-group .p-avatar + .p-avatar {\n        margin-left: -1rem;\n    }\n    \n    .p-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n}\n"}}),p=r.forwardRef((function(t,p){var l=n(),m=r.useContext(e),i=s.getProps(t,m),c=s.setMetaData({props:i}),u=c.ptm,f=c.cx;a(s.css.styles,c.isUnstyled,{name:"avatargroup"});var v=r.useRef(null);r.useImperativeHandle(p,(function(){return{props:i,getElement:function(){return v.current}}}));var d=l({ref:v,style:i.style,className:o(i.className,f("root"))},s.getOtherProps(i),u("root"));return r.createElement("div",d,i.children)}));p.displayName="AvatarGroup";export{p as AvatarGroup};