import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; import { mapToCssModules } from './utils'; const CarouselControl = (props) => { const { direction, onClickHandler, cssModule, directionText, className } = props; const anchorClasses = mapToCssModules(classNames( className, `carousel-control-${direction}` ), cssModule); const iconClasses = mapToCssModules(classNames( `carousel-control-${direction}-icon` ), cssModule); const screenReaderClasses = mapToCssModules(classNames( 'sr-only' ), cssModule); return ( // We need to disable this linting rule to use an `` instead of // `