import { ConfigProvider, theme } from 'antd'
import './App.css'
import { WorkspaceShell } from './workspace/WorkspaceShell'
import { workspaceThemeTokens } from './workspace/workspaceContracts'

function App() {
  return (
    <ConfigProvider
      theme={{
        algorithm: theme.compactAlgorithm,
        token: workspaceThemeTokens,
        components: {
          Layout: {
            headerBg: '#FFFFFF',
            siderBg: '#FFFFFF',
          },
          Table: {
            cellPaddingBlockSM: 6,
            cellPaddingInlineSM: 8,
          },
        },
      }}
    >
      <div className="app-shell">
        <WorkspaceShell />
      </div>
    </ConfigProvider>
  )
}

export default App