Updated types.

src/components/common/EmptyPlaceholder.tsx

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { Icon, Text, Flexbox } from 'react-basics';
+import Logo from 'assets/logo.svg';
+
+export interface EmptyPlaceholderProps {
+  message: string;
+  children?: ReactNode;
+}
+
+export function EmptyPlaceholder({ message, children }) {
+  return (
+    <Flexbox direction="column" alignItems="center" justifyContent="center" gap={60} height={600}>
+      <Icon size="xl">
+        <Logo />
+      </Icon>
+      <Text size="lg">{message}</Text>
+      <div>{children}</div>
+    </Flexbox>
+  );
+}
+
+export default EmptyPlaceholder;