ZoomControls renders divider with configured className from props if …

…given
ProjectMirador · Oct 27, 2023 · f75e516 · f75e516
1 parent b9d0792
commit f75e516
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/ZoomControls.js b/src/components/ZoomControls.js
@@ -61,7 +61,7 @@ export class ZoomControls extends Component {
    */
   render() {
     const {
-      displayDivider, showZoomControls, t, zoomToWorld,
+      classes, displayDivider, showZoomControls, t, zoomToWorld,
     } = this.props;
 
     if (!showZoomControls) {
@@ -81,13 +81,14 @@ export class ZoomControls extends Component {
         <MiradorMenuButton aria-label={t('zoomReset')} onClick={() => zoomToWorld(false)}>
           <RestoreZoomIcon />
         </MiradorMenuButton>
-        {displayDivider && <Box component="span" sx={dividerStyle} />}
+        {displayDivider && <Box component="span" sx={dividerStyle} className={classes?.divider} />}
       </StyledZoomControlsWrapper>
     );
   }
 }
 
 ZoomControls.propTypes = {
+  classes: PropTypes.objectOf(PropTypes.string),
   displayDivider: PropTypes.bool,
   showZoomControls: PropTypes.bool,
   t: PropTypes.func,
@@ -102,6 +103,7 @@ ZoomControls.propTypes = {
 };
 
 ZoomControls.defaultProps = {
+  classes: {},
   displayDivider: true,
   showZoomControls: false,
   t: key => key,