HEX
Server: Apache/2.4.65 (Debian)
System: Linux web6 5.10.0-36-amd64 #1 SMP Debian 5.10.244-1 (2025-09-29) x86_64
User: innocamp (1028)
PHP: 7.4.33
Disabled: pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Upload Files
File: /home/fxhealth/public_html/wp-content/themes/Divi/common/stories/branded-modal/header.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';


export default {
  title: 'Branded Modal/Header',
  component: Header,
  argTypes: {
    onClose: {
      action: 'closed',
      table: {
        disable: true,
      },
    },
    additionalButton: {
      action: 'additionalButtonClicked',
      table: {
        disable: true,
      },
    },
  },
  args: {
    style: {
      width: '450px',
    },
  },
};

export const Default = {
  args: {
    title: 'Default Header',
    showCloseButton: true,
  },
};

export const WithoutCloseButton = {
  args: {
    title: 'Header without close button',
    showCloseButton: false,
  },
};

export const WithAdditionalButton = {
  args: {
    title: 'Header with additional button',
    showCloseButton: true,
    additionalButton: () => (
      <Button
        className='et-common-library__portability-button'
        onClick={() => {}}
      >
        <CommonIcon size='14' icon='portability' color='#fff' />
      </Button>
    ),
  },
};

export const WithCustomClassName = {
  args: {
    title: 'Header with custom class name',
    showCloseButton: true,
    className: 'storybook-header-custom-class',
  },
};