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

wix-style-react

/* eslint-disable react/prop-types */
import React from 'react';
import { MessageBoxFunctionalLayout, Text, TextButton } from 'wix-style-react';

export default () => (
  <MessageBoxFunctionalLayout
    title="Interruption Message"
    confirmText="Main"
    cancelText="Secondary"
    theme="blue"
    dataHook="alert-footnote"
    footerBottomChildren={
      <div>
        <Text size="small">By sending an invite, you agree to the </Text>
        <TextButton size="small">Wix Terms of Use.</TextButton>
      </div>
    }
  >
    This is a generic message. No harm done, but really needed to interrupt you.
  </MessageBoxFunctionalLayout>
);