text: import React from 'react';
  import PropTypes from 'prop-types';
  import styles from './TraitsCreation.css';
  import Button from '@react/react-spectrum/Button';
  import Add from '@react/react-spectrum/Icon/Add';
  
  const MultiSignalsTraitsCreation = ({
      selectedSignals,
      storeSessionAndNavigateToTraits,
      isMaxSignalSelectionsReached,
      multiTraitCreationButtonText,
  }) => {
      const {
          selectionMessage,
          hasSignalSelectionsTypeWarning,
          hasOnboardedSignalSelectionsWarning,
      } = selectedSignals;
  
      const isTraitCreationDisabled =
          hasSignalSelectionsTypeWarning ||
          isMaxSignalSelectionsReached ||
          hasOnboardedSignalSelectionsWarning;
  
      return (
          <div className={styles.multiCreation}>
              <span className={styles.message}>{selectionMessage}</span>
              <Button
                  onClick={storeSessionAndNavigateToTraits}
                  label={multiTraitCreationButtonText}
                  icon={<Add />}
                  variant="action"
                  disabled={isTraitCreationDisabled}
                  data-test="multi-signals-trait-creation"
              />
          </div>
      );
  };
  
  MultiSignalsTraitsCreation.propTypes = {
      selectedSignals: PropTypes.shape({
          selectionMessage: PropTypes.string,
          hasSignalSelectionsTypeWarning: PropTypes.bool,
          hasOnboardedSignalSelectionsWarning: PropTypes.bool,
          selectedRowIndexes: PropTypes.array,
      }),
      storeSessionAndNavigateToTraits: PropTypes.func.isRequired,
      isMaxSignalSelectionsReached: PropTypes.bool,
      multiTraitCreationButtonText: PropTypes.string,
  };
  
  export default MultiSignalsTraitsCreation;
  