# give/4.18.0/src/Views/Components/Spinner/index.js

GiveWP – Donation Plugin and Fundraising Platform, version 4.18.0. 28 lines.

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/src/Views/Components/Spinner/index.js
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/src/Views/Components/Spinner/index.js
- Modified: 2025-03-31T19:17:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.18.0/code/src/Views/Components/Spinner/index.js#L10-L20`.

```javascript
import classNames from 'classnames';
import PropTypes from 'prop-types';

import styles from './Spinner.module.scss';

const Spinner = ({size = 'small', ...rest}) => {
    const spinnerClasses = classNames({
        [styles.spinner]: true,
        [styles.large]: size === 'large',
        [styles.medium]: size === 'medium',
        [styles.small]: size === 'small',
        [styles.tiny]: size === 'tiny',
    });

    return (
        <div className={spinnerClasses} {...rest}>
            {' '}
        </div>
    );
};

Spinner.propTypes = {
    // Spinner size [small, medium, large ]
    size: PropTypes.string,
};

export default Spinner;

```