@soyfri/template 1.0.0

package/dist/partials/widgets/tables/TablesWidget12.js

@@ -0,0 +1,227 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablesWidget12 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var TablesWidget12 = function (_a) {
+    var className = _a.className;
+    return (react_1.default.createElement("div", { className: "card ".concat(className) },
+        react_1.default.createElement("div", { className: 'card-header border-0 pt-5' },
+            react_1.default.createElement("h3", { className: 'card-title align-items-start flex-column' },
+                react_1.default.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Member Statistics"),
+                react_1.default.createElement("span", { className: 'text-muted mt-1 fw-semibold fs-7' }, "Over 500 new members")),
+            react_1.default.createElement("div", { className: 'card-toolbar' },
+                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-color-primary btn-active-light-primary', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'category', className: 'fs-2' })),
+                react_1.default.createElement("div", { className: 'menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold w-200px', "data-kt-menu": 'true' },
+                    react_1.default.createElement("div", { className: 'menu-item px-3' },
+                        react_1.default.createElement("div", { className: 'menu-content fs-6 text-gray-900 fw-bold px-3 py-4' }, "Quick Actions")),
+                    react_1.default.createElement("div", { className: 'separator mb-3 opacity-75' }),
+                    react_1.default.createElement("div", { className: 'menu-item px-3' },
+                        react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Ticket")),
+                    react_1.default.createElement("div", { className: 'menu-item px-3' },
+                        react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Customer")),
+                    react_1.default.createElement("div", { className: 'menu-item px-3', "data-kt-menu-trigger": 'hover', "data-kt-menu-placement": 'right-start', "data-kt-menu-flip": 'left-start, top' },
+                        react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' },
+                            react_1.default.createElement("span", { className: 'menu-title' }, "New Group"),
+                            react_1.default.createElement("span", { className: 'menu-arrow' })),
+                        react_1.default.createElement("div", { className: 'menu-sub menu-sub-dropdown w-175px py-4' },
+                            react_1.default.createElement("div", { className: 'menu-item px-3' },
+                                react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Admin Group")),
+                            react_1.default.createElement("div", { className: 'menu-item px-3' },
+                                react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Staff Group")),
+                            react_1.default.createElement("div", { className: 'menu-item px-3' },
+                                react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Member Group")))),
+                    react_1.default.createElement("div", { className: 'menu-item px-3' },
+                        react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Contact")),
+                    react_1.default.createElement("div", { className: 'separator mt-3 opacity-75' }),
+                    react_1.default.createElement("div", { className: 'menu-item px-3' },
+                        react_1.default.createElement("div", { className: 'menu-content px-3 py-3' },
+                            react_1.default.createElement("a", { className: 'btn btn-primary btn-sm px-4', href: '#' }, "Generate Reports")))))),
+        react_1.default.createElement("div", { className: 'card-body py-3' },
+            react_1.default.createElement("div", { className: 'table-responsive' },
+                react_1.default.createElement("table", { className: 'table align-middle gs-0 gy-4' },
+                    react_1.default.createElement("thead", null,
+                        react_1.default.createElement("tr", { className: 'fw-bold text-muted bg-light' },
+                            react_1.default.createElement("th", { className: 'ps-4 min-w-300px rounded-start' }, "Agent"),
+                            react_1.default.createElement("th", { className: 'min-w-125px' }, "Earnings"),
+                            react_1.default.createElement("th", { className: 'min-w-125px' }, "Comission"),
+                            react_1.default.createElement("th", { className: 'min-w-200px' }, "Company"),
+                            react_1.default.createElement("th", { className: 'min-w-150px' }, "Rating"),
+                            react_1.default.createElement("th", { className: 'min-w-200px text-end rounded-end' }))),
+                    react_1.default.createElement("tbody", null,
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                                    react_1.default.createElement("div", { className: 'symbol symbol-50px me-5' },
+                                        react_1.default.createElement("span", { className: 'symbol-label bg-light' },
+                                            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/001-boy.svg'), className: 'h-75 align-self-end', alt: '' }))),
+                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Brad Simmons"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "HTML, JS, ReactJS")))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "$8,000,000"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Pending")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "$5,400"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Intertico"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Web, UI/UX Design")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'rating' },
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' }))),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7 mt-1' }, "Best Rated")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4 me-2' }, "View"),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4' }, "Edit"))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                                    react_1.default.createElement("div", { className: 'symbol symbol-50px me-5' },
+                                        react_1.default.createElement("span", { className: 'symbol-label bg-light' },
+                                            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/047-girl-25.svg'), className: 'h-75 align-self-end', alt: '' }))),
+                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Lebron Wayde"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "PHP, Laravel, VueJS")))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "$8,750,000"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "$7,400"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Agoda"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Houses & Hotels")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'rating' },
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' }))),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7 mt-1' }, "Above Avarage")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4 me-2' }, "View"),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4' }, "Edit"))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                                    react_1.default.createElement("div", { className: 'symbol symbol-50px me-5' },
+                                        react_1.default.createElement("span", { className: 'symbol-label bg-light' },
+                                            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/006-girl-3.svg'), className: 'h-75 align-self-end', alt: '' }))),
+                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Brad Simmons"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "HTML, JS, ReactJS")))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "$8,000,000"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "In Proccess")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "$2,500"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Rejected")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "RoadGee"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'rating' },
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' }))),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7 mt-1' }, "Best Rated")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4 me-2' }, "View"),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4' }, "Edit"))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                                    react_1.default.createElement("div", { className: 'symbol symbol-50px me-5' },
+                                        react_1.default.createElement("span", { className: 'symbol-label bg-light' },
+                                            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/014-girl-7.svg'), className: 'h-75 align-self-end', alt: '' }))),
+                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Natali Trump"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "HTML, JS, ReactJS")))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "$700,000"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Pending")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "$7,760"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "The Hill"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Insurance")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'rating' },
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' }))),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7 mt-1' }, "Avarage")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4 me-2' }, "View"),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4' }, "Edit"))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                                    react_1.default.createElement("div", { className: 'symbol symbol-50px me-5' },
+                                        react_1.default.createElement("span", { className: 'symbol-label bg-light' },
+                                            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/020-girl-11.svg'), className: 'h-75 align-self-end', alt: '' }))),
+                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Jessie Clarcson"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "HTML, JS, ReactJS")))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "$1,320,000"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Pending")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "$6,250"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Intertico"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Web, UI/UX Design")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'rating' },
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' })),
+                                    react_1.default.createElement("div", { className: 'rating-label me-2 checked' },
+                                        react_1.default.createElement("i", { className: 'bi bi-star-fill fs-5' }))),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7 mt-1' }, "Best Rated")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4 me-2' }, "View"),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4' }, "Edit")))))))));
+};
+exports.TablesWidget12 = TablesWidget12;

package/dist/partials/widgets/tables/TablesWidget13.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    className: string;
+};
+declare const TablesWidget13: React.FC<Props>;
+export { TablesWidget13 };

package/dist/partials/widgets/tables/TablesWidget13.js

@@ -0,0 +1,186 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablesWidget13 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var TablesWidget13 = function (_a) {
+    var className = _a.className;
+    return (react_1.default.createElement("div", { className: "card ".concat(className) },
+        react_1.default.createElement("div", { className: 'card-header border-0 pt-5' },
+            react_1.default.createElement("h3", { className: 'card-title align-items-start flex-column' },
+                react_1.default.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Recent Orders"),
+                react_1.default.createElement("span", { className: 'text-muted mt-1 fw-semibold fs-7' }, "Over 500 orders")),
+            react_1.default.createElement("div", { className: 'card-toolbar' },
+                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-color-primary btn-active-light-primary', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'category', className: 'fs-2' })),
+                react_1.default.createElement("div", { className: 'menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold w-200px', "data-kt-menu": 'true' },
+                    react_1.default.createElement("div", { className: 'menu-item px-3' },
+                        react_1.default.createElement("div", { className: 'menu-content fs-6 text-gray-900 fw-bold px-3 py-4' }, "Quick Actions")),
+                    react_1.default.createElement("div", { className: 'separator mb-3 opacity-75' }),
+                    react_1.default.createElement("div", { className: 'menu-item px-3' },
+                        react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Ticket")),
+                    react_1.default.createElement("div", { className: 'menu-item px-3' },
+                        react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Customer")),
+                    react_1.default.createElement("div", { className: 'menu-item px-3', "data-kt-menu-trigger": 'hover', "data-kt-menu-placement": 'right-start', "data-kt-menu-flip": 'left-start, top' },
+                        react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' },
+                            react_1.default.createElement("span", { className: 'menu-title' }, "New Group"),
+                            react_1.default.createElement("span", { className: 'menu-arrow' })),
+                        react_1.default.createElement("div", { className: 'menu-sub menu-sub-dropdown w-175px py-4' },
+                            react_1.default.createElement("div", { className: 'menu-item px-3' },
+                                react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Admin Group")),
+                            react_1.default.createElement("div", { className: 'menu-item px-3' },
+                                react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Staff Group")),
+                            react_1.default.createElement("div", { className: 'menu-item px-3' },
+                                react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "Member Group")))),
+                    react_1.default.createElement("div", { className: 'menu-item px-3' },
+                        react_1.default.createElement("a", { href: '#', className: 'menu-link px-3' }, "New Contact")),
+                    react_1.default.createElement("div", { className: 'separator mt-3 opacity-75' }),
+                    react_1.default.createElement("div", { className: 'menu-item px-3' },
+                        react_1.default.createElement("div", { className: 'menu-content px-3 py-3' },
+                            react_1.default.createElement("a", { className: 'btn btn-primary btn-sm px-4', href: '#' }, "Generate Reports")))))),
+        react_1.default.createElement("div", { className: 'card-body py-3' },
+            react_1.default.createElement("div", { className: 'table-responsive' },
+                react_1.default.createElement("table", { className: 'table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3' },
+                    react_1.default.createElement("thead", null,
+                        react_1.default.createElement("tr", { className: 'fw-bold text-muted' },
+                            react_1.default.createElement("th", { className: 'w-25px' },
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input', type: 'checkbox', value: '1', "data-kt-check": 'true', "data-kt-check-target": '.widget-13-check' }))),
+                            react_1.default.createElement("th", { className: 'min-w-150px' }, "Order Id"),
+                            react_1.default.createElement("th", { className: 'min-w-140px' }, "Country"),
+                            react_1.default.createElement("th", { className: 'min-w-120px' }, "Date"),
+                            react_1.default.createElement("th", { className: 'min-w-120px' }, "Company"),
+                            react_1.default.createElement("th", { className: 'min-w-120px' }, "Total"),
+                            react_1.default.createElement("th", { className: 'min-w-120px' }, "Status"),
+                            react_1.default.createElement("th", { className: 'min-w-100px text-end' }, "Actions"))),
+                    react_1.default.createElement("tbody", null,
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input widget-13-check', type: 'checkbox', value: '1' }))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "56037-XDER")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Brasil"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Code: PH")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "05/28/2020"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Code: Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Intertico"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Web, UI/UX Design")),
+                            react_1.default.createElement("td", { className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "$3560"),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("span", { className: 'badge badge-light-success' }, "Approved")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' })))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input widget-13-check', type: 'checkbox', value: '1' }))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "05822-FXSP")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Belarus"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Code: BY")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "04/18/2021"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Code: Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Agoda"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Houses & Hotels")),
+                            react_1.default.createElement("td", { className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "$4850"),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("span", { className: 'badge badge-light-warning' }, "In Progress")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' })))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input widget-13-check', type: 'checkbox', value: '1' }))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "4472-QREX")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Phillipines"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Code: BH")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "07/23/2019"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Code: Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "RoadGee"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Transportation")),
+                            react_1.default.createElement("td", { className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "$8376"),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("span", { className: 'badge badge-light-danger' }, "Success")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' })))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input widget-13-check', type: 'checkbox', value: '1' }))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "00347-BCLQ")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Argentina"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Code: BR")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "12/21/2021"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Code: Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "The Hill"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Insurance")),
+                            react_1.default.createElement("td", { className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "$9486"),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("span", { className: 'badge badge-light-info' }, "Rejected")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' })))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input widget-13-check', type: 'checkbox', value: '1' }))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "59486-XDER")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Agoda"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Code: BT")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "05/28/2020"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Code: Paid")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block mb-1 fs-6' }, "Phillipines"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Transportation")),
+                            react_1.default.createElement("td", { className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "$8476"),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("span", { className: 'badge badge-light-primary' }, "Approved")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' }))))))))));
+};
+exports.TablesWidget13 = TablesWidget13;

package/dist/partials/widgets/tables/TablesWidget2.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+type Props = {
+    className: string;
+};
+declare const TablesWidget2: FC<Props>;
+export { TablesWidget2 };

package/dist/partials/widgets/tables/TablesWidget2.js

@@ -0,0 +1,113 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablesWidget2 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Dropdown1_1 = require("../../content/dropdown/Dropdown1");
+var TablesWidget2 = function (_a) {
+    var className = _a.className;
+    return (react_1.default.createElement("div", { className: "card ".concat(className) },
+        react_1.default.createElement("div", { className: 'card-header border-0 pt-5' },
+            react_1.default.createElement("h3", { className: 'card-title align-items-start flex-column' },
+                react_1.default.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Latest Arrivals"),
+                react_1.default.createElement("span", { className: 'text-muted mt-1 fw-semibold fs-7' }, "More than 100 new products")),
+            react_1.default.createElement("div", { className: 'card-toolbar' },
+                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-color-primary btn-active-light-primary', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'category', className: 'fs-2' })),
+                react_1.default.createElement(Dropdown1_1.Dropdown1, null))),
+        react_1.default.createElement("div", { className: 'card-body py-3' },
+            react_1.default.createElement("div", { className: 'table-responsive' },
+                react_1.default.createElement("table", { className: 'table align-middle gs-0 gy-5' },
+                    react_1.default.createElement("thead", null,
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("th", { className: 'p-0 w-50px' }),
+                            react_1.default.createElement("th", { className: 'p-0 min-w-150px' }),
+                            react_1.default.createElement("th", { className: 'p-0 min-w-150px' }),
+                            react_1.default.createElement("th", { className: 'p-0 min-w-125px' }),
+                            react_1.default.createElement("th", { className: 'p-0 min-w-40px' }))),
+                    react_1.default.createElement("tbody", null,
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                    react_1.default.createElement("span", { className: 'symbol-label' },
+                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/plurk.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Top Authors"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Successful Fellas")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("span", { className: 'badge badge-light-danger fw-semibold me-1' }, "Angular"),
+                                react_1.default.createElement("span", { className: 'badge badge-light-info fw-semibold me-1' }, "PHP")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold' }, "4600 Users")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                    react_1.default.createElement("span", { className: 'symbol-label' },
+                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/telegram.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Popular Authors"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Most Successful")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("span", { className: 'badge badge-light-danger fw-semibold me-1' }, "HTML"),
+                                react_1.default.createElement("span", { className: 'badge badge-light-info fw-semibold me-1' }, "CSS")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold' }, "7200 Users")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                    react_1.default.createElement("span", { className: 'symbol-label' },
+                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/vimeo.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "New Users"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Awesome Users")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("span", { className: 'badge badge-light-danger fw-semibold me-1' }, "React"),
+                                react_1.default.createElement("span", { className: 'badge badge-light-info fw-semibold me-1' }, "SASS")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold' }, "890 Users")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                    react_1.default.createElement("span", { className: 'symbol-label' },
+                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/bebo.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Active Customers"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Best Customers")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("span", { className: 'badge badge-light-danger fw-semibold me-1' }, "Java"),
+                                react_1.default.createElement("span", { className: 'badge badge-light-info fw-semibold me-1' }, "PHP")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold' }, "6370 Users")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                    react_1.default.createElement("span", { className: 'symbol-label' },
+                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/kickstarter.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Bestseller Theme"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Amazing Templates")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("span", { className: 'badge badge-light-danger fw-semibold me-1' }, "Python"),
+                                react_1.default.createElement("span", { className: 'badge badge-light-info fw-semibold me-1' }, "MySQL")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold' }, "354 Users")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' }))))))))));
+};
+exports.TablesWidget2 = TablesWidget2;

package/dist/partials/widgets/tables/TablesWidget3.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    className: string;
+};
+declare const TablesWidget3: React.FC<Props>;
+export { TablesWidget3 };