]> Untitled Git - lemmy-ui.git/blob - src/shared/utils/app/get-role-label-pill.tsx
fix: Fix badge alignment and break out into component
[lemmy-ui.git] / src / shared / utils / app / get-role-label-pill.tsx
1 export default function getRoleLabelPill({
2   label,
3   tooltip,
4   classes,
5   shrink = true,
6 }: {
7   label: string;
8   tooltip: string;
9   classes?: string;
10   shrink?: boolean;
11 }) {
12   return (
13     <span
14       className={`badge ${classes ?? "text-bg-light"}`}
15       aria-label={tooltip}
16       data-tippy-content={tooltip}
17     >
18       {shrink ? label[0].toUpperCase() : label}
19     </span>
20   );
21 }