"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ViewOnly = exports.Editable = void 0;
const react_1 = __importDefault(require("react"));
const PaymentCardInput_1 = require("../components/generic/PaymentCard/PaymentCardInput");
exports.default = {
    title: 'generic/PaymentCard/PaymentCardInput',
    component: PaymentCardInput_1.PaymentCardInput,
    argTypes: {},
};
const Template = (args) => react_1.default.createElement(PaymentCardInput_1.PaymentCardInput, Object.assign({}, args));
exports.Editable = Template.bind({});
exports.Editable.args = {
    card: {
        username: 'username',
        cardId: 'cardId',
        cardNumber: 'cardNumber',
        expiry: 'expiry',
        securityCode: 'securityCode',
        name: 'name',
        type: 'visa',
    },
};
exports.ViewOnly = Template.bind({});
exports.ViewOnly.args = {
    card: {
        username: 'username',
        cardId: 'cardId',
        cardNumber: 'cardNumber',
        expiry: 'expiry',
        securityCode: 'securityCode',
        name: 'name',
        type: 'visa',
    },
};
//# sourceMappingURL=PaymentCardInput.stories.js.map