Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-08-30 06:28:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: fmt

Browse Source
This commit is contained in:
Michael Abebe
2026-05-12 16:50:18 +03:00
parent 4540d35215
commit 1c5ee19388
181 changed files with 1492 additions and 1100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/ui-common/src/components/Badge/Badge.tsx
View File

@@ -1,24 +1,29 @@
import { HTMLAttributes } from 'react';
import clsx from 'clsx';
import { HTMLAttributes } from "react";
import clsx from "clsx";
export type BadgeTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
export type BadgeTone = "neutral" | "success" | "warning" | "danger" | "info";
export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
tone?: BadgeTone;
}
const toneClasses: Record<BadgeTone, string> = {
neutral: 'bg-gray-100 text-gray-700',
success: 'bg-green-100 text-green-700',
warning: 'bg-amber-100 text-amber-800',
danger: 'bg-red-100 text-red-700',
info: 'bg-sky-100 text-sky-700',
neutral: "bg-gray-100 text-gray-700",
success: "bg-green-100 text-green-700",
warning: "bg-amber-100 text-amber-800",
danger: "bg-red-100 text-red-700",
info: "bg-sky-100 text-sky-700",
};
const Badge = ({ tone = 'neutral', className, children, ...rest }: BadgeProps) => (
const Badge = ({
tone = "neutral",
className,
children,
...rest
}: BadgeProps) => (
<span
className={clsx(
'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium',
"inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium",
toneClasses[tone],
className,
)}

4
packages/ui-common/src/components/Badge/index.ts
View File

@@ -1,2 +1,2 @@
export { default } from './Badge';
export type { BadgeProps, BadgeTone } from './Badge';
export { default } from "./Badge";
export type { BadgeProps, BadgeTone } from "./Badge";