Untitled

<main className="w-full h-screen flex justify-center items-center">
    <div className="w-full rounded-lg bg-white">          
        <div className={`w-full rounded-lg ${theme === 'dark' ? 'bg-darkblack-600' : 'bg-white'}`}>
            <div className="text-center">
                <div className="flex justify-center items-center">
                    <div
                        className="flex justify-center items-center rounded-full bg-offWhite dark:bg-darkblack-400"
                        style={{
                            width: "100px",
                            height: "100px",
                        }}
                    >
                        <svg
                            viewBox="64 64 896 896"
                            focusable="false"
                            data-icon="check"
                            width="4em"
                            height="4em"
                            fill={`${theme === 'dark' ? '#dae1b7' : '#1e4862'}`}
                            aria-hidden="true"
                        >
                            <path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path>
                        </svg>
                    </div>
                </div>
                <h3 className="text-2xl font-bold mt-2 leading-[24px] text-bgray-900 dark:text-white">
                    Thank you for submitting your documents.
                </h3>
                <p className="text-base leading-[24px] text-bgray-900 dark:text-white mt-2">
                    Your account is currently under review. We will inform you once your account has been approved.
                </p>
                <Row>
                    <Col xs={12} sm={12} md={{ span: 4, offset: 4 }} className="mt-3">
                        <Button
                            label="Go to Dashboard"
                            onClick={handleGoHome}
                            className="rounded-lg bg-success-300 text-white font-semibold py-3.5 px-4"
                        />
                    </Col>
                </Row>
            </div>
        </div>
    </div>
</main>