myprojectpackageprav
Version:
My package in npm
49 lines • 3.11 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var buttons_1 = tslib_1.__importDefault(require("../buttons/buttons"));
var input_select_1 = tslib_1.__importDefault(require("../../utils/controls/input-select"));
var input_search_1 = tslib_1.__importDefault(require("../../utils/controls/input-search"));
function Filters() {
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: "d-flex px-2 py-1" },
React.createElement("div", { className: "d-flex align-items-center w-100 whitetext" },
React.createElement("h3", { tabIndex: 0, "aria-label": 'Dashboard', className: "m-0 me-2 color-primary" },
" ",
React.createElement("span", { className: "icon-filter" }),
" Filter by"),
React.createElement(buttons_1.default, { label: "Clear All", className: 'ms-auto btn-sm d-flex align-items-center links text-decoration-underline', type: "button" }))),
React.createElement("div", { className: "row d-flex flex-wrap p-2" },
React.createElement(input_search_1.default, { inputProps: {
arialabel: 'search',
placeholder: 'Search',
label: 'true'
}, className: 'no-border w-100', label: "", searchgroup: 'bordered2 w-100 d-flex align-items-center border-radius', formClassName: "col-sm-12 mt-1", icon: 'icon-search pe-2' }),
React.createElement(input_select_1.default, { inputProps: {
id: 'filter',
name: 'Filter 1',
placeholder: 'Select',
}, label: 'Filter 1', formClassName: "form-vertical col-sm col-lg-6", className: 'form-sm w-100' }),
React.createElement(input_select_1.default, { inputProps: {
id: 'filter2',
name: 'Filter 2',
placeholder: 'Select',
}, label: 'Filter 2', formClassName: "form-vertical col-sm col-lg-6", className: 'form-sm w-100' }),
React.createElement(input_select_1.default, { inputProps: {
id: 'filter3',
name: 'Filter 3',
placeholder: 'Select',
}, label: 'Filter 3', formClassName: "form-vertical col-sm col-lg-6", className: 'form-sm w-100' }),
React.createElement(input_select_1.default, { inputProps: {
id: 'filter4',
name: 'Filter 4',
placeholder: 'Select',
}, label: 'Filter 4', formClassName: "form-vertical col-sm col-lg-6", className: 'form-sm w-100' }),
React.createElement(input_select_1.default, { inputProps: {
id: 'filter5',
name: 'Filter 5',
placeholder: 'Select',
}, label: 'Filter 5', formClassName: "form-vertical col-sm col-lg-6", className: 'form-sm w-100' }))));
}
exports.default = Filters;
//# sourceMappingURL=filters.js.map