/* eslint-disable react-hooks/rules-of-hooks */
import { Row, Col } from "react-bootstrap";
import { useCollapsed } from "@/components/Context/CollapsedContext"; 

import ProtectedRoute from "@/ProtectedRoute";

/* eslint-disable react-hooks/rules-of-hooks */
import React from "react";
import Layout from "@/components/layouts/Layout";
import Head from "next/head";
import AddClient from "@/components/ui/add-client/AddClient";
interface Props {
    datacordinates: any;
    breadcrumbs: {
        title: string;
        path: string;
    }[];
    cordinates: any;
    Carriesdata: any;
}

function Index(props: Props) {
    const { isCollapsed } = useCollapsed(); 

    return (
        <Layout>
            <Head>
                <title>Add Customer - Draydex</title>
            </Head>
            <div className={` ${isCollapsed ? 'collapsed-body' : 'content-body'}`}>
            
                <Row>
                    <Col>
                        
                        <AddClient />
                    </Col>
                </Row>
            </div>
        </Layout>
    );
}


export default ProtectedRoute(Index);
