import React from "react";
import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
import TrafficChart from "./TrafficChart";


export default function Traffic() {

    return (
        <>
            <BreadcrumbComBS title='Traffic' paths={['Dashboard', 'Traffic']}/>
            <div className="row">
                <div className="col-lg-4">
                    <div className="card card-statistics" style={{minHeight: '350px', borderRadius: '10px', backgroundColor: 'aliceblue'}}>
                        <div className="card-header">
                            <div className="card-heading">
                                <h4 className="card-title">Site Traffic Monitoring</h4>
                            </div>
                        </div>
                        <div className="card-body">



                        </div>
                    </div>
                </div>
                <div className="col-lg-8">
                    <div className="card card-statistics">
                        <div className="card-header">
                            <div className="card-heading">
                                <h4 className="card-title">Plot</h4>
                            </div>
                        </div>
                        <div className="card-body">
                            <div className="apexchart-wrapper">
                                <TrafficChart />
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </>
    )
}