Initial commit

src/components/loading/index.tsx

@@ -0,0 +1,12 @@
+type LoadingProps = {
+  loading?: boolean;
+  children?: React.ReactNode;
+};
+export const Loading = (props: LoadingProps) => {
+  if (!props.loading) return <>{props.children}</>;
+  return (
+    <div className='w-full h-full flex justify-center items-center'>
+      <div className='w-20 h-20 border-t-8 border-b-8  rounded-full animate-spin'></div>
+    </div>
+  );
+};

src/components/modal/container.tsx

@@ -0,0 +1,6 @@
+export const ForModal = () => {
+  return <div id='for-modal'></div>;
+};
+export const getContainer = () => {
+  return document.querySelector('#for-modal')!;
+};

src/components/modal/index.tsx

@@ -0,0 +1 @@
+export * from './container'