// LogoStrip Component
// Display logos/names of customers, partners, certifications

#let logo-strip(data) = {
  block(width: 100%)[
    #if data.title != none [
      #component-title(text(size: font-size-sm, weight: "bold", fill: color-text-muted, tracking: 0.06em)[#upper(data.title)])
    ]

    #grid(
      columns: (1fr,) * data.columns,
      column-gutter: spacing-3,
      row-gutter: spacing-3,
      ..data.labels.map(label => {
        block(
          width: 100%,
          fill: color-surface,
          stroke: (paint: color-border, thickness: 0.5pt),
          radius: 6pt,
          inset: spacing-3,
        )[
          #align(center + horizon)[
            #text(size: font-size-sm, weight: "semibold", fill: color-text)[#label]
          ]
        ]
      }),
    )
  ]
}
