import React, { useState } from "react";
import MarketVisitorAnalytic from "../Charts/MarketVisitorAnalytic";
import SelectBox from "../Helpers/SelectBox";
import SellHistoryWidget from "./SellHistoryWidget";
import HomeJobCard from "../Cards/HomeJobCard";

export default function HomeTaskDisplay({ jobData,className }) {

    return (
        <div
            className={`sell-history-market-visitor-analytic w-full ${
                className || ""
            }`}
        >
            <div className="content-wrapper w-full  lg:flex xl:space-x-8 lg:space-x-4 bottomMargin">
                <div className="flex-1 ">
                    <div className="market-visitor w-full  md:p-8 p-4 h-full bg-white dark:bg-dark-white   overflow-hidden rounded-2xl  section-shadow">
                        <HomeJobCard
                        title="Clean the whole house"
                        />
                    </div>
                </div>

                <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
                    <div className="market-visitor w-full  md:p-8 p-4 h-full bg-white dark:bg-dark-white   overflow-hidden rounded-2xl  section-shadow">
                        <HomeJobCard
                            title="Clean the Town"
                        />
                    </div>
                </div>
            </div>

            <div className="content-wrapper w-full  lg:flex xl:space-x-8 lg:space-x-4 bottomMargin">
                <div className="flex-1 ">
                    <div className="market-visitor w-full  md:p-8 p-4 h-full bg-white dark:bg-dark-white   overflow-hidden rounded-2xl  section-shadow">
                        <HomeJobCard
                            title="Clean the whole house"
                        />
                    </div>
                </div>

                <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
                    <div className="market-visitor w-full  md:p-8 p-4 h-full bg-white dark:bg-dark-white   overflow-hidden rounded-2xl  section-shadow">
                        <HomeJobCard
                            title="Clean the Town"
                        />
                    </div>
                </div>
            </div>

        </div>
    );
}