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

React Wrapper for UI5 Web Components and additional components

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