'use client';

import { Badge } from '@/components/ui/badge';

export function PermissionStatusBadge({
  isActive,
  isSystem,
  isDefault
}: {
  isActive: boolean;
  isSystem?: boolean;
  isDefault?: boolean;
}) {
  return (
    <div className='flex flex-wrap gap-2'>
      <Badge variant={isActive ? 'default' : 'secondary'}>
        {isActive ? 'Active' : 'Inactive'}
      </Badge>
      {isSystem ? <Badge variant='outline'>System</Badge> : null}
      {isDefault ? <Badge variant='outline'>Default</Badge> : null}
    </div>
  );
}
