feat(layout): implement global layout

2024-01-11 23:34:19 +01:00
parent 01ed9437fa
commit 9e75d6b8bb
6 changed files with 56 additions and 1 deletions
--- a/src/components/Terminal.tsx
+++ b/src/components/Terminal.tsx
@@ -0,0 +1,20 @@
+import { type FunctionComponent, type PropsWithChildren } from "react";
+import clsx from "clsx";
+
+type TerminalProps = PropsWithChildren<{
+  className?: string;
+}>;
+
+export const Terminal: FunctionComponent<TerminalProps> = ({
+  children,
+  className,
+}) => (
+  <div
+    className={clsx(
+      "rounded-lg border-2 border-[#595959] bg-[#1e1e2e] bg-opacity-95 px-1 text-[#cdd6f4] shadow-window transition-colors duration-[500ms] ease-out hover:border-[#cdd6f4] hover:duration-[200ms]",
+      className,
+    )}
+  >
+    {children}
+  </div>
+);