"use strict";
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BlockSpacer = void 0;
const react_1 = __importDefault(require("react"));
const BlockSpacer_1 = require("./BlockSpacer");
const meta = {
    component: BlockSpacer_1.BlockSpacer,
    title: 'checkout-web-ui/BlockSpacer',
    argTypes: {
        size: {
            control: {
                type: 'select',
                options: [
                    undefined,
                    'extraSmall',
                    'small',
                    'base',
                    'large',
                    'extraLarge',
                ],
            },
        },
    },
};
exports.default = meta;
function Content({ size = 1 }) {
    return (<div style={{
        backgroundColor: 'lightgrey',
        width: '5em',
        height: `${size}em`,
    }}/>);
}
exports.BlockSpacer = (_a) => {
    var args = __rest(_a, []);
    return (<>
      <Content />
      <BlockSpacer_1.BlockSpacer {...args}/>
      <Content />
      <BlockSpacer_1.BlockSpacer {...args}/>
      <Content />
      <BlockSpacer_1.BlockSpacer {...args}/>
      <Content />
    </>);
};
exports.BlockSpacer.args = {
    size: undefined,
};
exports.BlockSpacer.story = {
    name: 'BlockSpacer',
};