import { Chip } from '@mui/material'
import { Building2 } from 'lucide-react'
import { useSessionStore } from '../../stores/sessionStore'

export function OrganizationContextBadge() {
  const { currentUser } = useSessionStore()

  if (!currentUser?.organizationName) return null

  return (
    <Chip
      size="small"
      variant="outlined"
      icon={<Building2 size={12} color="#64748b" />}
      label={currentUser.organizationName}
      sx={{ fontSize: '0.7rem', height: 22, color: '#64748b', borderColor: '#e2e8f0' }}
    />
  )
}