sccoreui/dist/pages/content-dividers/content-dividers.js

ui-sccore

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const button_1 = require("primereact/button");
const divider_1 = require("primereact/divider");
const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
const ContentDividersComponent = () => {
    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "flex bg-gray-200 p-3 justify-content-center mt-0 mb-4" }, { children: "Slideout Menus" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "w-full flex flex-column align-items-center justify-content-center gap-3" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "w-8" }, { children: [(0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "inline-flex align-items-center" }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-xl text-gray-900 linehight-3 font-medium' }, { children: "Notifications" })) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "inline-flex align-items-center" }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-base text-gray-600 linehight-3 font-medium' }, { children: "Today" })) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { label: 'Add', outlined: true }) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-buttonset" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-left-gray-700-md" }), outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus-icon-2xl-gray-500" }), outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-right-gray-500-md" }), outlined: true })] })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-buttonset" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { label: 'View all', outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: 'Active', outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: 'Inactive', outlined: true })] })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus-icon-2xl-gray-500" }), outlined: true }) }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "w-8" }, { children: [(0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'border-1 py-2 border-x-none divider-top-bottom border-gray-200' }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "inline-flex align-items-center" }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-xl text-gray-900 linehight-3 font-medium' }, { children: "Notifications" })) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'border-1 py-2 border-x-none divider-top-bottom border-gray-200' }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "inline-flex align-items-center" }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-base text-gray-600 linehight-3 font-medium' }, { children: "Today" })) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'border-1 py-2 border-x-none divider-top-bottom border-gray-200' }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { label: 'Add', outlined: true }) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'border-1 py-2 border-x-none divider-top-bottom border-gray-200' }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-buttonset" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-left-gray-700-md" }), outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus-icon-2xl-gray-500" }), outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-right-gray-500-md" }), outlined: true })] })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'border-1 py-2 border-x-none divider-top-bottom border-gray-200' }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-buttonset" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { label: 'View all', outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: 'Active', outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: 'Inactive', outlined: true })] })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'border-1 py-2 border-x-none divider-top-bottom border-gray-200' }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus-icon-2xl-gray-500" }), outlined: true }) }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "w-8" }, { children: [(0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'bg-gray-50 devider-background py-2' }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "inline-flex align-items-center" }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-xl text-gray-900 linehight-3 font-medium' }, { children: "Notifications" })) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'bg-gray-50 devider-background py-2' }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "inline-flex align-items-center" }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-base text-gray-600 linehight-3 font-medium' }, { children: "Today" })) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'bg-gray-50 devider-background py-2' }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { label: 'Add', outlined: true }) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'bg-gray-50 devider-background py-2' }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-buttonset" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-left-gray-700-md" }), outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus-icon-2xl-gray-500" }), outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-right-gray-500-md" }), outlined: true })] })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'bg-gray-50 devider-background py-2' }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-buttonset" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { label: 'View all', outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: 'Active', outlined: true }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: 'Inactive', outlined: true })] })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, Object.assign({ align: "center", className: 'bg-gray-50 devider-background py-2' }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus-icon-2xl-gray-500" }), outlined: true }) }))] }))] }))] }));
};
exports.default = ContentDividersComponent;