chs/src-web/components/Spinner.tsx

import { Component } from "solid-js";
import './Spinner.css';

interface Props {
    colour?: string;
    size?: string;
}

const Spinner: Component<Props> = (props) => {
    return <div class="spinner" style={{
        '--spinner-size': props.size ?? '32px',
        '--spinner-colour': props.colour ?? 'var(--accent)',
    }} />
}

export default Spinner;