wix-style-react/src/MessageBox/docs/AlertExamples/Image.js

wix-style-react

/* eslint-disable react/prop-types */
import React from 'react';
import surfMusa from '../../../../test/assets/surf-musa.png';
import { MessageBoxFunctionalLayout } from 'wix-style-react';

export default () => (
  <MessageBoxFunctionalLayout
    title="Interruption Message"
    confirmText="Main"
    cancelText="Secondary"
    theme="blue"
    dataHook="alert-image"
    image={<img src={surfMusa} />}
  >
    This is a generic message. No harm done, but really needed to interrupt you.
  </MessageBoxFunctionalLayout>
);