wix-style-react/src/MessageModalLayout/docs/examples/BasicExample.js

wix-style-react

/* eslint-disable */
import React from 'react';

class BasicExample extends React.Component {
  render() {
    return (
      <MessageModalLayout
        primaryButtonText="Leave"
        secondaryButtonText="Cancel"
        title="Discard changes"
        sideActions={<Checkbox>Don't show this again</Checkbox>}
        onCloseButtonClick={() => {}}
      >
        <Text>
          Are you sure you want to leave this page? Your changes won't be saved.
        </Text>
      </MessageModalLayout>
    );
  }
}