feat: components structure Curriculum Vitae

packages/ui/src/CurriculumVitae/CurriculumVitaeSection.tsx

@@ -0,0 +1,23 @@
+export interface CurriculumVitaeSectionProps extends React.PropsWithChildren {
+  id: string
+  icon: React.ReactNode
+  title: string
+}
+
+export const CurriculumVitaeSection: React.FC<CurriculumVitaeSectionProps> = (
+  props,
+) => {
+  const { id, icon, title, children } = props
+
+  return (
+    <section className="detail" id={id}>
+      <div className="icon">{icon}</div>
+
+      <div className="info">
+        <h4 className="title text-uppercase">{title}</h4>
+
+        <div className="content">{children}</div>
+      </div>
+    </section>
+  )
+}