"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const Color_1 = require("../../util/Color");
const CreditCardOff = ({ active }) => {
    const fill = active ? Color_1.Color.Accent : '#DFE1E5';
    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "32", viewBox: "0 0 48 32", fill: "none" },
        react_1.default.createElement("rect", { x: "1", y: "1", width: "46", height: "30", rx: "4", fill: "white" }),
        react_1.default.createElement("rect", { y: "16", width: "48", height: "9", fill: fill }),
        react_1.default.createElement("rect", { x: "1", y: "1", width: "46", height: "30", rx: "4", stroke: fill, strokeWidth: "2" })));
};
exports.default = CreditCardOff;
//# sourceMappingURL=CreditCardOff.js.map