HEX
Server: Apache/2
System: Linux host.jethost.pl 4.19.0-26-amd64 #1 SMP Debian 4.19.304-1 (2024-01-09) x86_64
User: frigodor (1049)
PHP: 7.4.33
Disabled: exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname,mail
Upload Files
File: /home/frigodor/public_html/wp-content/themes/Divi/common/stories/branded-modal/fullmodal.stories.js
// External dependencies.
import React from 'react';

// Internal dependencies.
import CommonIcon from '@common-ui/common-icon/common-icon';
import Button from '@common-ui/controls/button/button';
import Header from '@common-ui/branded-modal/header';
import Modal from '@common-ui/branded-modal/modal';

export default {
  title: 'Branded Modal/Full Modal',
  component: Modal,
};

export const FullModal = (args) => (
  <Modal {...args}>
    <Header
      title='Default Header'
      showCloseButton={true}
      additionalButton={() => (
        <Button
          className='et-common-library__portability-button'
          onClick={() => {}}
        >
          <CommonIcon size='14' icon='portability' color='#fff' />
        </Button>
      )}
    />
    <div style={{ width: '450px', height: '350px', padding: '20px' }}>
      <h1>Modal Content</h1>
      <p>This is the default modal content. It can be replaced with any custom content.</p>
    </div>
  </Modal>
);

FullModal.args = {
  animation: true,
};