How to properly import control components?

[NazarovALAL]

Please explain how to properly import Fullscreen to project, for this example

renderFullscreenButton: (onClick, isFullscreen) => (
    <Fullscreen onClick={onClick} isFullscreen={isFullscreen} />
  ),

I tried

import ImageGallery, { Fullscreen } from 'react-image-gallery';

and

import Fullscreen from 'react-image-gallery/src/controls/Fullscreen';

[xiaolin]

Fullscreen is your own component you create to override the existing render of renderFullscreenButton

e.g.

const MyFullScreenButton = ({ onClick, isFullScreen }) => {
  return isFullScreen ?
    <button onClick={onClick}>Turn off</button>
  :
    <button onClick={onClick}>Turn on</button>
}

const renderFullscreenButton = (onClick, isFullscreen) => (
  <MyFullScreenButton onClick={onClick} isFullscreen={isFullscreen} />
),

[ubugnu]

Fullscreen is your own component you create to override the existing render of renderFullscreenButton

e.g.

const MyFullScreenButton = ({ onClick, isFullScreen }) => {
  return isFullScreen ?
    <button onClick={onClick}>Turn off</button>
  :
    <button onClick={onClick}>Turn on</button>
}

const renderFullscreenButton = (onClick, isFullscreen) => (
  <MyFullScreenButton onClick={onClick} isFullscreen={isFullscreen} />
),

We should be able to import the built-in components and add them to our custom ones.