import React from 'react';
import PropTypes from 'prop-types';
import StyledTreeSettingsLoader from './StyledTreeSettingsLoader';
import TreeNodeLoader from '../TreeNodeLoader';

const TreeSettingsLoader = ({ id, className, style, ...rest }) => {
  return (
    <div id={id} className={className} style={style}>
      <StyledTreeSettingsLoader>
        <TreeNodeLoader {...rest} />
      </StyledTreeSettingsLoader>
    </div>
  );
};

TreeSettingsLoader.propTypes = {
  id: PropTypes.string,
  className: PropTypes.string,
  style: PropTypes.object,
};

TreeSettingsLoader.defaultProps = {
  id: undefined,
  className: undefined,
  style: undefined,
};

export default TreeSettingsLoader;