sccoreui
Version:
ui-sccore
11 lines (10 loc) • 2.61 kB
JavaScript
"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 svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
const ButtonGroupComponent = () => {
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "flex bg-gray-200 p-3 justify-content-center mt-0 mb-4" }, { children: "Button Groups" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-3 p-2" }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-buttonset" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ className: "text-gray-700 bg-transparent border-gray-300 font-semibold text-base w-4rem h-3rem" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Text" }) })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ className: "text-gray-700 bg-transparent border-gray-300 font-semibold text-base w-4rem h-3rem" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Text" }) })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ className: "text-gray-700 bg-transparent border-gray-300 font-semibold text-base w-4rem h-3rem" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Text" }) }))] })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-buttonset" }, { children: [(0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ className: "text-gray-700 bg-transparent border-gray-300 font-semibold text-base w-6rem h-3rem" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "button-ring-gray" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ml-2" }, { children: "Text" }))] })), (0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ className: "text-gray-700 bg-transparent border-gray-300 font-semibold text-base w-6rem h-3rem" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "button-ring-gray" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ml-2" }, { children: "Text" }))] })), (0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({ className: "text-gray-700 bg-transparent border-gray-300 font-semibold text-base w-6rem h-3rem" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "button-ring-gray" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ml-2" }, { children: "Text" }))] }))] }))] }))] }));
};
exports.default = ButtonGroupComponent;