From 35d1be206c6be675d92839cfa209fceb5d1b6db9 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Sat, 15 Mar 2025 21:10:51 +0900
Subject: feat(frontend): show sample code in watch page

---
 .../app/components/BorderedContainerWithCaption.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 frontend/app/components/BorderedContainerWithCaption.tsx

(limited to 'frontend/app/components/BorderedContainerWithCaption.tsx')

diff --git a/frontend/app/components/BorderedContainerWithCaption.tsx b/frontend/app/components/BorderedContainerWithCaption.tsx
new file mode 100644
index 0000000..0fee425
--- /dev/null
+++ b/frontend/app/components/BorderedContainerWithCaption.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import BorderedContainer from "./BorderedContainer";
+
+type Props = {
+	caption: string;
+	children: React.ReactNode;
+};
+
+export default function BorderedContainerWithCaption({
+	caption,
+	children,
+}: Props) {
+	return (
+		<BorderedContainer>
+			<div className="flex flex-col gap-4">
+				<h2 className="text-center text-lg">{caption}</h2>
+				{children}
+			</div>
+		</BorderedContainer>
+	);
+}
-- 
cgit v1.3.1

