feat(frontend): show sample code in watch page

1 files changed, 21 insertions, 0 deletions

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>
+	);
+}