"use client";

import { useEffect, useState } from "react";

interface TenantResponse {
    result: boolean;
    msg: string;
    data: {
        title: string;
        total: string;
    };
}

export default function DashboardWidget({
    title, value, icon
}:{
    title: string;
    value: number;
    icon: string;
}) {
    return (
        <div className="card">
            <div className="card-body">
                <div className="row align-items-center">
                    <div className="col">
                        <h4 className="subheader mb-1"> {title}</h4>
                        <div className="h3 m-0">
                            {value}
                        </div>
                    </div>
                    <div className="col-auto">
                        <span className="avatar avatar-lg">
                            <i className={`ti ${icon}`}></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    );
}