How to use the draft-js-buttons/lib/utils/createBlockStyleButton function in draft-js-buttons

const HeadlineTwoButton = createBlockStyleButton({
  blockType: 'header-two',
  children: ,
});

const HeadlineThreeButton = createBlockStyleButton({
  blockType: 'header-three',
  children: ,
});

const UnorderedListButton = createBlockStyleButton({
  blockType: 'unordered-list-item',
  children: ,
});

const OrderedListButton = createBlockStyleButton({
  blockType: 'ordered-list-item',
  children: ,
});

const BlockquoteButton = createBlockStyleButton({
  blockType: 'blockquote',
  children: ,
});

const CalloutButton = createBlockStyleButton({
  blockType: 'callout',
  children: ,
});

export {
  BlockquoteButton,

const HeadlineThreeButton = createBlockStyleButton({
  blockType: 'header-three',
  children: ,
});

const UnorderedListButton = createBlockStyleButton({
  blockType: 'unordered-list-item',
  children: ,
});

const OrderedListButton = createBlockStyleButton({
  blockType: 'ordered-list-item',
  children: ,
});

const BlockquoteButton = createBlockStyleButton({
  blockType: 'blockquote',
  children: ,
});

const CalloutButton = createBlockStyleButton({
  blockType: 'callout',
  children: ,
});

export {
  BlockquoteButton,
  BoldButton,
  CalloutButton,
  ItalicButton,
  HeadlineTwoButton,
  HeadlineThreeButton,

const BoldButton = createInlineStyleButton({
  style: 'BOLD',
  children: ,
});

const ItalicButton = createInlineStyleButton({
  style: 'ITALIC',
  children: ,
});

const HeadlineTwoButton = createBlockStyleButton({
  blockType: 'header-two',
  children: ,
});

const HeadlineThreeButton = createBlockStyleButton({
  blockType: 'header-three',
  children: ,
});

const UnorderedListButton = createBlockStyleButton({
  blockType: 'unordered-list-item',
  children: ,
});

const OrderedListButton = createBlockStyleButton({
  blockType: 'ordered-list-item',
  children: ,
});

const BlockquoteButton = createBlockStyleButton({
  blockType: 'blockquote',

const UnorderedListButton = createBlockStyleButton({
  blockType: 'unordered-list-item',
  children: ,
});

const OrderedListButton = createBlockStyleButton({
  blockType: 'ordered-list-item',
  children: ,
});

const BlockquoteButton = createBlockStyleButton({
  blockType: 'blockquote',
  children: ,
});

const CalloutButton = createBlockStyleButton({
  blockType: 'callout',
  children: ,
});

export {
  BlockquoteButton,
  BoldButton,
  CalloutButton,
  ItalicButton,
  HeadlineTwoButton,
  HeadlineThreeButton,
  OrderedListButton,
  UnorderedListButton,
};

const ItalicButton = createInlineStyleButton({
  style: 'ITALIC',
  children: ,
});

const HeadlineTwoButton = createBlockStyleButton({
  blockType: 'header-two',
  children: ,
});

const HeadlineThreeButton = createBlockStyleButton({
  blockType: 'header-three',
  children: ,
});

const UnorderedListButton = createBlockStyleButton({
  blockType: 'unordered-list-item',
  children: ,
});

const OrderedListButton = createBlockStyleButton({
  blockType: 'ordered-list-item',
  children: ,
});

const BlockquoteButton = createBlockStyleButton({
  blockType: 'blockquote',
  children: ,
});

const CalloutButton = createBlockStyleButton({
  blockType: 'callout',

import unorderedListSVG from '../../icons/list-bullet.svg';
import orderedListSVG from '../../icons/list-numbered.svg';
import blockquoteSVG from '../../icons/quote.svg';
import calloutSVG from '../../icons/megaphone.svg';

const BoldButton = createInlineStyleButton({
  style: 'BOLD',
  children: ,
});

const ItalicButton = createInlineStyleButton({
  style: 'ITALIC',
  children: ,
});

const HeadlineTwoButton = createBlockStyleButton({
  blockType: 'header-two',
  children: ,
});

const HeadlineThreeButton = createBlockStyleButton({
  blockType: 'header-three',
  children: ,
});

const UnorderedListButton = createBlockStyleButton({
  blockType: 'unordered-list-item',
  children: ,
});

const OrderedListButton = createBlockStyleButton({
  blockType: 'ordered-list-item',