first commit

resources/client/reviews/title-rating.tsx

@@ -0,0 +1,21 @@
+import {StarIcon} from '@common/icons/material/Star';
+import clsx from 'clsx';
+
+interface Props {
+  score: number | null;
+  className?: string;
+}
+export function TitleRating({score, className}: Props) {
+  if (!score) return null;
+  return (
+    <div
+      className={clsx(
+        'flex items-center gap-4 flex-shrink-0 whitespace-nowrap',
+        className
+      )}
+    >
+      <StarIcon className="text-primary" />
+      <span>{score} / 10</span>
+    </div>
+  );
+}