RTL Widget

Author: simmmpleweb

src/views/rtl/default/components/Widget.jsx

@@ -0,0 +1,24 @@
+import Card from "components/card";
+
+const Widget = ({ icon, title, subtitle }) => {
+  return (
+    <Card extra="!flex-row flex-grow items-center rounded-[20px]">
+      <div className="mr-4 flex h-[90px] w-auto flex-row items-center">
+        <div className="rounded-full bg-lightPrimary p-3 dark:bg-navy-700">
+          <span className="flex items-center text-brand-500 dark:text-white">
+            {icon}
+          </span>
+        </div>
+      </div>
+
+      <div className="h-50 mr-4 flex w-auto flex-col justify-center">
+        <p className="font-dm text-sm font-medium text-gray-600">{title}</p>
+        <h4 className="text-xl font-bold text-navy-700 dark:text-white">
+          {subtitle}
+        </h4>
+      </div>
+    </Card>
+  );
+};
+
+export default Widget;

src/views/rtl/default/index.jsx

@@ -8,11 +8,11 @@ import { MdBarChart, MdDashboard } from "react-icons/md";
 
 import { columnsDataCheck, columnsDataComplex } from "./variables/columnsData";
 
-import Widget from "components/widget/Widget";
-import CheckTable from "views/admin/default/components/CheckTable";
-import ComplexTable from "views/admin/default/components/ComplexTable";
-import DailyTraffic from "views/admin/default/components/DailyTraffic";
-import TaskCard from "views/admin/default/components/TaskCard";
+import Widget from "views/rtl/default/components/Widget";
+import CheckTable from "views/rtl/default/components/CheckTable";
+import ComplexTable from "views/rtl/default/components/ComplexTable";
+import DailyTraffic from "views/rtl/default/components/DailyTraffic";
+import TaskCard from "views/rtl/default/components/TaskCard";
 import tableDataCheck from "./variables/tableDataCheck.json";
 import tableDataComplex from "./variables/tableDataComplex.json";