Split codebase (#455)

apps/yaak-client/components/EmptyStateText.tsx

@@ -0,0 +1,23 @@
+import classNames from "classnames";
+import type { ReactNode } from "react";
+
+interface Props {
+  children: ReactNode;
+  className?: string;
+}
+
+export function EmptyStateText({ children, className }: Props) {
+  return (
+    <div className="w-full h-full pb-2">
+      <div
+        className={classNames(
+          className,
+          "rounded-lg border border-dashed border-border-subtle",
+          "h-full py-2 text-text-subtlest flex items-center justify-center italic",
+        )}
+      >
+        {children}
+      </div>
+    </div>
+  );
+}