website refactor

apps/website/ui/DriverSummaryPillWrapper.tsx

@@ -0,0 +1,28 @@
+
+
+import type { DriverViewModel } from '@/lib/view-models/DriverViewModel';
+import { DriverRatingPill } from '@/ui/DriverRatingPill';
+import { DriverSummaryPill as UiDriverSummaryPill } from '@/ui/DriverSummaryPill';
+
+export interface DriverSummaryPillProps {
+  driver: DriverViewModel;
+  rating: number | null;
+  rank: number | null;
+  avatarSrc?: string | null;
+  onClick?: () => void;
+  href?: string;
+}
+
+export function DriverSummaryPill(props: DriverSummaryPillProps) {
+  const { driver, rating, rank, avatarSrc, onClick, href } = props;
+
+  return (
+    <UiDriverSummaryPill
+      name={driver.name}
+      avatarSrc={avatarSrc}
+      onClick={onClick}
+      href={href}
+      ratingComponent={<DriverRatingPill rating={rating} rank={rank} />}
+    />
+  );
+}