feat: coming soon

components/ScrollableBody/ScrollableBody.test.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react'
+
+import { ScrollableBody } from './ScrollableBody'
+
+describe('<ScrollableBody />', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<ScrollableBody />)
+    expect(baseElement).toBeTruthy()
+  })
+})

components/ScrollableBody/ScrollableBody.tsx

@@ -0,0 +1,18 @@
+export const ScrollableBody: React.FC = (props) => {
+  const { children } = props
+
+  return (
+    <>
+      {children}
+      <style jsx global>{`
+        body {
+          scrollbar-width: thin;
+          scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
+          z-index: 1000;
+          height: calc(100vh - 64px);
+          overflow-y: auto;
+        }
+      `}</style>
+    </>
+  )
+}

components/ScrollableBody/index.ts

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