refactor: components struture

2026-05-06 13:48:12 +02:00 · 2024-07-31 11:41:39 +02:00
parent ceeeb2f9c5
commit b5c50728de
72 changed files with 122 additions and 114 deletions
@@ -0,0 +1,26 @@
+export interface AboutItemProps {
+  label: string
+  value: string
+  link?: string
+}
+
+export const AboutItem: React.FC<AboutItemProps> = (props) => {
+  const { label, value, link } = props
+
+  return (
+    <li className="flex items-center justify-between sm:justify-start">
+      <strong className="w-24 text-sm text-black lg:w-32 dark:text-white">
+        {label}
+      </strong>
+      <span className="dark:text-gray block text-sm font-normal text-black">
+        {link != null ? (
+          <a className="hover:underline" href={link}>
+            {value}
+          </a>
+        ) : (
+          value
+        )}
+      </span>
+    </li>
+  )
+}