How to use the draft-js-buttons.createInlineStyleButton function in draft-js-buttons

// Match the height of the existing buttons:
const createSpan = text => (
  <span style="{{">{text}</span>
);

const DoubleButton = createInlineStyleButton({
  style: 'DOUBLE',
  children: createSpan('𝔻')
});

const ScriptButton = createInlineStyleButton({
  style: 'SCRIPT',
  children: createSpan('𝓢')
});

const FrakturButton = createInlineStyleButton({
  style: 'FRAKTUR',
  children: createSpan('𝔉')
});

const StrikethroughButton = createInlineStyleButton({
  style: 'STRIKETHROUGH',
  children: createSpan('X̶')
});

const inlineToolbarPlugin = createInlineToolbarPlugin({
  structure: [
    BoldButton,
    ItalicButton,
    UnderlineButton,
    StrikethroughButton,
    Separator,

Separator
} from 'draft-js-inline-toolbar-plugin';
import {
  createInlineStyleButton,
  BoldButton,
  ItalicButton,
  UnderlineButton,
  CodeButton
} from 'draft-js-buttons';

// Match the height of the existing buttons:
const createSpan = text => (
  <span style="{{">{text}</span>
);

const DoubleButton = createInlineStyleButton({
  style: 'DOUBLE',
  children: createSpan('𝔻')
});

const ScriptButton = createInlineStyleButton({
  style: 'SCRIPT',
  children: createSpan('𝓢')
});

const FrakturButton = createInlineStyleButton({
  style: 'FRAKTUR',
  children: createSpan('𝔉')
});

const StrikethroughButton = createInlineStyleButton({
  style: 'STRIKETHROUGH',

// @flow
import React from 'react';
import { I18n } from 'react-redux-i18n';
import { createBlockStyleButton, createInlineStyleButton } from 'draft-js-buttons';

// we need to create this intermediate component for title attribute to be translated
const DumbBoldButton = () =&gt; <span title="{I18n.t('common.editor.bold')}">;

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

// we need to create this intermediate component for title attribute to be translated
const DumbItalicButton = () =&gt; <span title="{I18n.t('common.editor.italic')}">;

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

// we need to create this intermediate component for title attribute to be translated
const DumbUnorderedListButton = () =&gt; <span title="{I18n.t('common.editor.bulletList')}">;

export const UnorderedListButton = createBlockStyleButton({</span></span></span>

import React from 'react';
import { I18n } from 'react-redux-i18n';
import { createBlockStyleButton, createInlineStyleButton } from 'draft-js-buttons';

// we need to create this intermediate component for title attribute to be translated
const DumbBoldButton = () =&gt; <span title="{I18n.t('common.editor.bold')}">;

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

// we need to create this intermediate component for title attribute to be translated
const DumbItalicButton = () =&gt; <span title="{I18n.t('common.editor.italic')}">;

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

// we need to create this intermediate component for title attribute to be translated
const DumbUnorderedListButton = () =&gt; <span title="{I18n.t('common.editor.bulletList')}">;

export const UnorderedListButton = createBlockStyleButton({
  blockType: 'unordered-list-item',
  children: 
});</span></span></span>

ItalicButton,
  UnderlineButton,
  CodeButton
} from 'draft-js-buttons';

// Match the height of the existing buttons:
const createSpan = text => (
  <span style="{{">{text}</span>
);

const DoubleButton = createInlineStyleButton({
  style: 'DOUBLE',
  children: createSpan('𝔻')
});

const ScriptButton = createInlineStyleButton({
  style: 'SCRIPT',
  children: createSpan('𝓢')
});

const FrakturButton = createInlineStyleButton({
  style: 'FRAKTUR',
  children: createSpan('𝔉')
});

const StrikethroughButton = createInlineStyleButton({
  style: 'STRIKETHROUGH',
  children: createSpan('X̶')
});

const inlineToolbarPlugin = createInlineToolbarPlugin({
  structure: [

const DoubleButton = createInlineStyleButton({
  style: 'DOUBLE',
  children: createSpan('𝔻')
});

const ScriptButton = createInlineStyleButton({
  style: 'SCRIPT',
  children: createSpan('𝓢')
});

const FrakturButton = createInlineStyleButton({
  style: 'FRAKTUR',
  children: createSpan('𝔉')
});

const StrikethroughButton = createInlineStyleButton({
  style: 'STRIKETHROUGH',
  children: createSpan('X̶')
});

const inlineToolbarPlugin = createInlineToolbarPlugin({
  structure: [
    BoldButton,
    ItalicButton,
    UnderlineButton,
    StrikethroughButton,
    Separator,
    CodeButton,
    FrakturButton,
    DoubleButton,
    ScriptButton
  ],