UNPKG

@porsche-design-system/components-react

Version:

Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.

15 lines (11 loc) 809 B
'use strict'; var jsxRuntime = require('react/jsx-runtime'); require('react'); require('../../provider.cjs'); var button_wrapper = require('../components/button.wrapper.cjs'); const DialogBase = ({ children, // host, inert, containerClass, ariaAttributes, dismissable = false, header, footer, subFooter, }) => { return (jsxRuntime.jsx("dialog", { inert: inert, tabIndex: -1, ...(ariaAttributes ?? {}), children: jsxRuntime.jsx("div", { className: "scroller", children: jsxRuntime.jsxs("div", { className: containerClass, children: [dismissable && (jsxRuntime.jsx(button_wrapper.PButton, { className: "dismiss", compact: true, type: "button", hideLabel: true, icon: "close", children: `Dismiss ${containerClass}` })), header, children, footer, subFooter] }) }) })); }; exports.DialogBase = DialogBase;