Customize the buttons to switch the scroll mode

import { ScrollMode } from '@react-pdf-viewer/core';
import { RenderSwitchScrollModeProps } from '@react-pdf-viewer/scroll-mode';

// Your render function
const scrollModePluginInstance = scrollModePlugin();
const { SwitchScrollMode } = scrollModePluginInstance;

<SwitchScrollMode mode={ScrollMode.Horizontal}>
    {(props: RenderSwitchScrollModeProps) => (
        <button
            style={{
                // Update the styles if the current mode is active
                backgroundColor: props.isSelected ? '#357edd' : 'transparent',
                borderColor: props.isSelected ? 'transparent' : '#357edd',
                color: props.isSelected ? '#fff' : '#000',

                borderRadius: '4px',
                borderStyle: 'solid',
                borderWidth: '1px',
                cursor: 'pointer',
                padding: '8px',
            }}
            onClick={props.onClick}
        >
            Horizontal scrolling
        </button>
    )}
</SwitchScrollMode>;