'use client';

import React from 'react';
import '../../app/globals.css';
import '../../app/css/custom-style.css';
import { Layout, ConfigProvider, Row, Col } from 'antd';

import theme from '../theme/themeConfig';

const { Content } = Layout;
const BeforeLoginLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
  return (
    <ConfigProvider theme={theme}>
      <Layout>
        <Content className="before-login-main-content">
          <Row>
            <Col span={12} className="login-left-column">
              {children}
            </Col>
            <Col span={12} className="login-right-img"></Col>
          </Row>
        </Content>
      </Layout>
    </ConfigProvider>
  );
};

export default BeforeLoginLayout;