// @design-system: domain/VendorModeBadge

import { Pill } from '@/components/ui/primitives/Pill';
import { useT } from '@/lib/i18n/react';

/**
 * VendorModeBadge - small pill indicating vendor mode is active in the top bar.
 *
 * @example
 * ```tsx
 * <VendorModeBadge />
 * ```
 */
export type VendorModeBadgeProps = { className?: string };

export function VendorModeBadge({ className }: VendorModeBadgeProps) {
  const t = useT('vendor_mode_badge');

  return (
    <Pill tone="success" size="sm" className={className}>
      {t('label')}
    </Pill>
  );
}