mue/src/components/helpers/carousel/CarouselButtons.jsx

15 lines
502 B
React
Raw Normal View History

2022-08-07 17:36:56 +00:00
import React from 'react';
import { MdOutlineArrowForwardIos, MdOutlineArrowBackIos } from 'react-icons/md';
export const PrevButton = ({ enabled, onClick }) => (
<button className="embla__button embla__button--prev" onClick={onClick} disabled={!enabled}>
<MdOutlineArrowBackIos />
</button>
);
export const NextButton = ({ enabled, onClick }) => (
<button className="embla__button embla__button--next" onClick={onClick} disabled={!enabled}>
<MdOutlineArrowForwardIos />
</button>
);