import { Layout, Space, Typography, theme } from 'antd'
import { Outlet } from 'react-router-dom'

export default function AuthLayout() {
  const { token } = theme.useToken()

  return (
    <Layout
      style={{
        minHeight: '100vh',
        background: token.colorBgLayout,
      }}
    >
      <Layout.Content
        style={{
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
          padding: 24,
        }}
        >
        <div style={{ width: 480, maxWidth: '100%' }}>
          <Space direction="vertical" size={8} style={{ marginBottom: 16 }}>
            <Typography.Title level={4} style={{ marginBottom: 0 }}>
              云拓商城商家端
            </Typography.Title>
          </Space>
          <Outlet />
        </div>
      </Layout.Content>
    </Layout>
  )
}
