import React from 'react';
import Button from '@mui/material/Button';
import CircularProgress from '@mui/material/CircularProgress';
import i18n from 'ui-i18n';
import { useStyles } from './styles';
export var ReactSelectLoadMoreButton = function (_a) {
    var loading = _a.loading, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
    var styles = useStyles();
    return (React.createElement("div", { className: styles.loadMoreContainer }, loading ? (React.createElement(CircularProgress, { className: styles.loadingSpinner, size: 24 })) : (React.createElement(Button, { color: "primary", onClick: onClick, onMouseDown: onMouseDown, className: styles.moreButton },
        React.createElement("div", { className: styles.buttonLabel }, i18n.text('Load more'))))));
};
