@wix/design-system
Version:
@wix/design-system
19 lines • 1.09 kB
JavaScript
import React from 'react';
import IconButton from '../../IconButton/IconButton';
import { st, classes } from '../Carousel.st.css.js';
const skinPriorityMap = {
standard: 'secondary',
inverted: 'primary',
light: 'primary',
transparent: 'primary',
premium: 'primary',
};
function SliderArrow({ dataHook, arrowSize, buttonSkin, icon, gradientClassName, controlsStartEnd, onClick, disabled, ariaLabel, ...remainingProps }) {
if (disabled && controlsStartEnd === 'hidden') {
return null;
}
const arrow = (React.createElement(IconButton, { dataHook: `${dataHook}-element`, className: st(classes.controls), skin: buttonSkin, size: arrowSize, disabled: disabled, priority: skinPriorityMap[buttonSkin], onClick: onClick, ariaLabel: ariaLabel }, icon));
return (React.createElement("div", { ...remainingProps, className: st(classes.arrowWrapper, { disabled }), "data-hook": dataHook }, !!gradientClassName ? (React.createElement("div", { className: gradientClassName }, arrow)) : (arrow)));
}
export default SliderArrow;
//# sourceMappingURL=SliderArrow.js.map