# give/4.18.0/src/Admin/components/Spinner/index.tsx

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

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/src/Admin/components/Spinner/index.tsx
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/src/Admin/components/Spinner/index.tsx
- Modified: 2025-07-23T17:25:06+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/Admin/components/Spinner/index.tsx#L10-L20`.

```tsx
import classNames from 'classnames';
import styles from './style.module.scss';

/**
 * @since 4.4.0
 */
type SpinnerSize = 'tiny' | 'small' | 'medium' | 'large';

/**
 * @since 4.4.0
 */
type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {
    size?: SpinnerSize;
};

/**
 * @since 4.4.0
 */
const Spinner = ({size = 'small', ...rest}: SpinnerProps) => {
    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>
    );
};

export default Spinner;

```