@ui5/webcomponents-react/wrappers/components/MessageBox/MessageBox.module.css.js

React Wrapper for UI5 Web Components and additional components

export const styleData = `@layer ui5-webcomponents-react{._messageBox_13pdm_1[data-type=Confirm]{&::part(header){box-shadow:inset 0 -.0625rem var(--sapNeutralBorderColor),var(--sapContent_HeaderShadow)}._header_13pdm_8{--sapContent_NonInteractiveIconColor:var(--sapNeutralElementColor)}}._header_13pdm_8{display:flex;height:var(--_ui5wcr-BarHeight);text-align:center;width:100%;align-items:center;box-sizing:border-box;border-bottom:1px solid var(--messageBoxBorderColor);color:var(--sapContent_LabelColor);font-size:1rem;[ui5-icon]:first-child{width:1rem;height:1rem}[ui5-title]{font-size:1rem}}._spacer_13pdm_34{width:.5rem}._confirmIcon_13pdm_38{color:var(--sapNeutralColor)}._footer_13pdm_42{height:var(--_ui5wcr-BarHeight);width:100%;display:flex;align-items:center;justify-content:flex-end;>*{margin:0 .25rem}>[ui5-button]{display:flex;min-width:4rem}}}`;
export const classNames = {
  "messageBox": "_messageBox_13pdm_1",
  "header": "_header_13pdm_8",
  "spacer": "_spacer_13pdm_34",
  "confirmIcon": "_confirmIcon_13pdm_38",
  "footer": "_footer_13pdm_42"
};
export { styleData as content };