temp: add resources

packages/components/src/button/index.tsx

@@ -0,0 +1,5 @@
+import MuiButton, { ButtonProps } from '@mui/material/Button';
+
+export const Button = (props: ButtonProps) => {
+  return <MuiButton {...props} />;
+};

packages/components/src/clsx/index.ts

@@ -0,0 +1,7 @@
+import clsx, { ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export const clsxMerge = (...args: ClassValue[]) => {
+  return twMerge(clsx(...args));
+};
+export { clsx };

packages/components/src/index.tsx

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

packages/components/src/theme/index.tsx

@@ -0,0 +1,64 @@
+import { createTheme, ThemeOptions } from '@mui/material/styles';
+import { useTheme as useMuiTheme, Theme } from '@mui/material/styles';
+import { amber } from '@mui/material/colors';
+export const themeOptions: ThemeOptions = {
+  palette: {
+    primary: {
+      main: '#ffc107', // amber[300]
+    },
+    secondary: {
+      main: '#ffa000', // amber[500]
+    },
+    divider: amber[200],
+    common: {
+      white: '#ffa000',
+    },
+    text: {
+      primary: amber[600],
+      secondary: amber[600],
+    },
+    background: {
+      default: '#ffffff', // 设置默认背景颜色
+      // paper: '#f5f5f5',   // 设置纸张背景颜色
+    },
+  },
+  typography: {
+    // fontFamily: 'Roboto, sans-serif',
+  },
+  components: {
+    MuiButtonBase: {
+      defaultProps: {
+        disableRipple: true,
+      },
+    },
+    MuiTextField: {
+      styleOverrides: {
+        root: {
+          '& .MuiOutlinedInput-root': {
+            '& fieldset': {
+              borderColor: amber[300],
+            },
+            '&:hover fieldset': {
+              borderColor: amber[500],
+            },
+            '& .MuiInputBase-input': {
+              color: amber[600],
+            },
+          },
+          '& .MuiInputLabel-root': {
+            color: amber[600],
+          },
+        },
+      },
+    },
+  },
+};
+
+/**
+ * https://bareynol.github.io/mui-theme-creator/
+ */
+export const theme = createTheme(themeOptions);
+
+export const useTheme = () => {
+  return useMuiTheme<Theme>();
+};