Extract admin dashboard from ghabilee-frontend2 into a dedicated Next.js app for backoffice.ghabilee.ir (no SEO indexing / Clarity).
22 lines
548 B
TypeScript
22 lines
548 B
TypeScript
import type { StatusPresentation } from '@/types/status'
|
|
import { Chip } from '@/components/heroui/Chip'
|
|
|
|
type StatusChipProps = StatusPresentation & {
|
|
description?: React.ReactNode
|
|
}
|
|
|
|
const StatusChip = ({ chipColor, description, label }: StatusChipProps) => (
|
|
<div className="flex flex-col gap-1">
|
|
<Chip
|
|
color={chipColor}
|
|
size="sm"
|
|
variant="flat"
|
|
>
|
|
{label}
|
|
</Chip>
|
|
{description ? <span className="text-text-muted text-xs leading-snug">{description}</span> : null}
|
|
</div>
|
|
)
|
|
|
|
export default StatusChip
|