feat: Implement foundational UI components (Button, Card) and layout components (Section, Container), updating design tokens, styling, and documentation.

2026-02-01 14:13:39 +01:00
parent f7ac3d6a99
commit 643231b7b0
12 changed files with 357 additions and 55 deletions
@@ -0,0 +1,21 @@
+import type { ElementType, ReactNode } from "react";
+
+interface SectionProps {
+  children: ReactNode;
+  className?: string;
+  as?: ElementType;
+}
+
+export function Section({
+  children,
+  className = "",
+  as: Tag = "section",
+}: SectionProps) {
+  return (
+    <Tag
+      className={`py-[var(--section-spacing-y)] ${className}`.trim()}
+    >
+      {children}
+    </Tag>
+  );
+}