"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.accessibilityLabel = exports.color = exports.size = exports.defaultState = void 0;
const react_1 = __importDefault(require("react"));
const Spinner_1 = require("./Spinner");
const meta = {
    component: Spinner_1.Spinner,
    title: 'checkout-web-ui/Spinner',
};
exports.default = meta;
exports.defaultState = () => <Spinner_1.Spinner />;
exports.size = () => (<>
    <Spinner_1.Spinner />
    <Spinner_1.Spinner size="large"/>
  </>);
exports.color = () => (<>
    <Spinner_1.Spinner />
    <Spinner_1.Spinner color="inherit"/>
  </>);
exports.accessibilityLabel = () => (<>
    <p>To see the accessible content, enable “Reduce Motion” in your OS.</p>
    <Spinner_1.Spinner accessibilityLabel="Loading..."/>
  </>);