feat: TableContainer

Author: shiftpsh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solved-ac/ui-react",
-  "version": "0.0.1-alpha.34",
+  "version": "0.0.1-alpha.35",
   "description": "React component library used by solved.ac",
   "author": "shiftpsh",
   "license": "MIT",

src/components/Table/TableContainer.tsx

@@ -0,0 +1,21 @@
+import React, { ElementType } from 'react'
+import styled from 'styled-components'
+import { PC, PP, PR } from '../../types/PolymorphicElementProps'
+
+const TableContainerContainer = styled.div`
+  overflow-x: auto;
+`
+
+export const TableContainer: PC<'div'> = React.forwardRef(
+  <T extends ElementType>(props: PP<T>, ref?: PR<T>) => {
+    const { as = 'table', ...rest } = props
+
+    return (
+      <TableContainerContainer
+        ref={ref}
+        as={as}
+        {...rest}
+      />
+    )
+  }
+)

src/components/Table/index.ts

@@ -2,6 +2,7 @@ export * from './Cell'
 export * from './Row'
 export * from './Table'
 export * from './TableBody'
+export * from './TableContainer'
 export * from './TableFoot'
 export * from './TableHead'