"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXEmptySearch = PHXEmptySearch;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const SearchSvg_1 = tslib_1.__importDefault(require("./SearchSvg"));
const types_1 = require("../types");
function PHXEmptySearch({ className, description = 'Hãy thử thay đổi cú pháp tìm kiếm.', title = 'Không có kết quả tìm kiếm', }) {
    return (react_1.default.createElement("div", { className: (0, types_1.classNames)(className && className) },
        react_1.default.createElement("div", { className: 'flex h-60 min-w-full items-center justify-center py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
            react_1.default.createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
                react_1.default.createElement("div", { className: 'flex flex-col gap-y-3 text-center' },
                    react_1.default.createElement(SearchSvg_1.default, null),
                    react_1.default.createElement("p", { className: 'text-sm font-medium text-gray-900' }, title),
                    react_1.default.createElement("p", { className: 'text-sm text-gray-600' }, description))))));
}
//# sourceMappingURL=EmptySearch.js.map