Minimal Icon Logo Cloud

import {
  BirdIcon,
  CloudIcon,
  FeatherIcon,
  MoonIcon,
  SquareIcon,
  TreeIcon,
} from "@phosphor-icons/react/dist/ssr"

import { Logo, LogoGroup } from "@/components/editorial/logo"
import {
  Section,
  SectionContent,
} from "@/components/editorial/section"

// The copy: change text here, not in the markup.
const COPY = {
  label: "Companies using Orbcore",
} as const

const LOGOS: {
  name: string
  icon: typeof BirdIcon
  weight: "fill" | "bold"
}[] = [
  { name: "Chloe", icon: FeatherIcon, weight: "fill" },
  { name: "Diomira", icon: MoonIcon, weight: "fill" },
  { name: "Dorothea", icon: SquareIcon, weight: "fill" },
  { name: "Tamara", icon: BirdIcon, weight: "fill" },
  { name: "Zemrude", icon: CloudIcon, weight: "fill" },
  { name: "Anastasia", icon: TreeIcon, weight: "fill" },
]

export default function LogoCloud07() {
  return (
    <Section>
      <SectionContent>
        <LogoGroup aria-label={COPY.label}>
          {LOGOS.map((logo) => (
            <Logo key={logo.name}>
              <logo.icon aria-hidden="true" weight={logo.weight} />
              {logo.name}
            </Logo>
          ))}
        </LogoGroup>
      </SectionContent>
    </Section>
  )
}