Powered by (signature)

"use client";

import { PoweredBy } from "@waveinno/ui";
import { ParkingOSMark, WaveMapPin } from "./product-marks";

export default function PoweredByExample() {
  return (
    <div className="space-y-4">
      <div className="flex flex-wrap items-center gap-8">
        <PoweredBy />
        {/* A product passes its own mark: here the ParkingOS logo from its brand folder. */}
        <PoweredBy product="ParkingOS" icon={<ParkingOSMark />} />
      </div>
      <div className="relative h-44 overflow-hidden rounded-card border border-border bg-[repeating-linear-gradient(45deg,var(--surface),var(--surface)_12px,var(--hover)_12px,var(--hover)_24px)]">
        <PoweredBy variant="floating" product="WaveMap" icon={<WaveMapPin />} />
        <PoweredBy variant="floating" position="top-right" />
      </div>
    </div>
  );
}