@salesforce/design-system-react/module/components/carousel/private/auto-play-button.js

Salesforce Lightning Design System for React

/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */

/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
// ### React
import React from 'react';
import PropTypes from 'prop-types';
import Button from "../../../../components/button";
import { CAROUSEL_AUTOPLAY_BUTTON } from '../../../utilities/constants';
/**
 *  AutoPlayButton is used to start/pause the autoplay iteration of the carousel
 */

var AutoPlayButton = function AutoPlayButton(props) {
  return React.createElement("span", {
    className: "slds-carousel__autoplay"
  }, React.createElement(Button, {
    assistiveText: {
      icon: props.assistiveText
    },
    className: "slds-button_icon",
    disabled: props.isDisabled,
    iconCategory: "utility",
    iconName: props.isAutoPlayOn ? 'pause' : 'play',
    iconVariant: "border-filled",
    iconSize: "x-small",
    onClick: props.onClick,
    variant: "icon"
  }));
};

AutoPlayButton.displayName = CAROUSEL_AUTOPLAY_BUTTON; // ### Prop Types

AutoPlayButton.propTypes = {
  /**
   * Description of the start/pause autoplay button for screen-readers.
   */
  assistiveText: PropTypes.string,

  /**
   * Indicates whether autoPlay is enabled
   */
  isAutoPlayOn: PropTypes.bool,

  /**
   * Triggered when the autoplay button is clicked.
   */
  onClick: PropTypes.func
};
AutoPlayButton.defaultProps = {
  isAutoPlayOn: false
};
export default AutoPlayButton;
//# sourceMappingURL=auto-play-button.js.map