1920-d230486bd12a9ab5c794.js.map

{"version":3,"file":"1920-d230486bd12a9ab5c794.js","mappings":"uIAAA,0nF","sources":["webpack://embla-carousel-docs/./src/components/Sandbox/React/SandboxFilesDist/EmblaCarouselArrowButtons.jsx"],"sourcesContent":["export default \"import React, { useCallback, useEffect, useState } from 'react';\\n\\nexport const usePrevNextButtons = (emblaApi, onButtonClick) => {\\n    const [prevBtnDisabled, setPrevBtnDisabled] = useState(true);\\n    const [nextBtnDisabled, setNextBtnDisabled] = useState(true);\\n    \\n    const onPrevButtonClick = useCallback(() => {\\n        if (!emblaApi)\\n            return;\\n        emblaApi.scrollPrev();\\n        if (onButtonClick)\\n            onButtonClick(emblaApi);\\n    }, [emblaApi, onButtonClick]);\\n    \\n    const onNextButtonClick = useCallback(() => {\\n        if (!emblaApi)\\n            return;\\n        emblaApi.scrollNext();\\n        if (onButtonClick)\\n            onButtonClick(emblaApi);\\n    }, [emblaApi, onButtonClick]);\\n    \\n    const onSelect = useCallback((emblaApi) => {\\n        setPrevBtnDisabled(!emblaApi.canScrollPrev());\\n        setNextBtnDisabled(!emblaApi.canScrollNext());\\n    }, []);\\n    \\n    useEffect(() => {\\n        if (!emblaApi)\\n            return;\\n        \\n        onSelect(emblaApi);\\n        emblaApi.on('reInit', onSelect).on('select', onSelect);\\n    }, [emblaApi, onSelect]);\\n    \\n    return {\\n        prevBtnDisabled,\\n        nextBtnDisabled,\\n        onPrevButtonClick,\\n        onNextButtonClick\\n    };\\n};\\n\\nexport const PrevButton = (props) => {\\n    const { children, ...restProps } = props;\\n    \\n    return (<button className=\\\"embla__button embla__button--prev\\\" type=\\\"button\\\" {...restProps}>\\n      <svg className=\\\"embla__button__svg\\\" viewBox=\\\"0 0 532 532\\\">\\n        <path fill=\\\"currentColor\\\" d=\\\"M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z\\\"/>\\n      </svg>\\n      {children}\\n    </button>);\\n};\\n\\nexport const NextButton = (props) => {\\n    const { children, ...restProps } = props;\\n    \\n    return (<button className=\\\"embla__button embla__button--next\\\" type=\\\"button\\\" {...restProps}>\\n      <svg className=\\\"embla__button__svg\\\" viewBox=\\\"0 0 532 532\\\">\\n        <path fill=\\\"currentColor\\\" d=\\\"M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z\\\"/>\\n      </svg>\\n      {children}\\n    </button>);\\n};\\n\";"],"names":[],"sourceRoot":""}