feat: add remaining MUI components

Signed-off-by: Kunaldeep singh <[email protected]>

packages/components/src/buttongroup.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ButtonGroup as MuiButtonGroup, ButtonGroupProps } from '@mui/material';
+
+export const ButtonGroup = (props: ButtonGroupProps) => {
+  return <MuiButtonGroup {...props} />;
+};

packages/components/src/card.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Card as MuiCard, CardProps } from '@mui/material';
+
+export const Card = (props: CardProps) => {
+  return <MuiCard {...props} />;
+};

packages/components/src/index.tsx

@@ -17,3 +17,11 @@ export { Tabs } from './tabs';
 export { Toolbar } from './toolbar';
 export { Tooltip } from './tooltip';
 export { Typography } from './typography';
+export { Card } from './card';
+export { Menu } from './menu';
+export { Table } from './table';
+export { List } from './list';
+export { TextField } from './textfield';
+export { Switch } from './switch';
+export { Select } from './select';
+export { ButtonGroup } from './buttongroup';

packages/components/src/list.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { List as MuiList, ListProps } from '@mui/material';
+
+export const List = (props: ListProps) => {
+  return <MuiList {...props} />;
+};

packages/components/src/menu.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Menu as MuiMenu, MenuProps } from '@mui/material';
+
+export const Menu = (props: MenuProps) => {
+  return <MuiMenu {...props} />;
+};

packages/components/src/select.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Select as MuiSelect, SelectProps } from '@mui/material';
+
+export const Select = (props: SelectProps) => {
+  return <MuiSelect {...props} />;
+};

packages/components/src/switch.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Switch as MuiSwitch, SwitchProps } from '@mui/material';
+
+export const Switch = (props: SwitchProps) => {
+  return <MuiSwitch {...props} />;
+};

packages/components/src/table.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Table as MuiTable, TableProps } from '@mui/material';
+
+export const Table = (props: TableProps) => {
+  return <MuiTable {...props} />;
+};

packages/components/src/textfield.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextField as MuiTextField, TextFieldProps } from '@mui/material';
+
+export const TextField = (props: TextFieldProps) => {
+  return <MuiTextField {...props} />;
+};