emv/dist/interactive/components/Header.js

EMV / Chip and PIN CLI and library for PC/SC card readers

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from 'ink';
import Gradient from 'ink-gradient';
import { showVersion } from '../../cli.js';
// prettier-ignore
const ASCII_ART = [
    '███████╗███╗   ███╗██╗   ██╗',
    '██╔════╝████╗ ████║██║   ██║',
    '█████╗  ██╔████╔██║██║   ██║',
    '██╔══╝  ██║╚██╔╝██║╚██╗ ██╔╝',
    '███████╗██║ ╚═╝ ██║ ╚████╔╝ ',
    '╚══════╝╚═╝     ╚═╝  ╚═══╝  ',
];
export function Header() {
    const version = `v${showVersion()}`;
    const versionPadding = ' '.repeat(24 - version.length + 6);
    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Gradient, { name: "rainbow", children: _jsx(Text, { bold: true, children: '╔' + '═'.repeat(63) + '╗' }) }), _jsxs(Text, { color: "cyan", bold: true, children: ["\u2551", ' '.repeat(63), "\u2551"] }), _jsxs(Text, { bold: true, children: [_jsx(Text, { color: "cyan", children: '║  ' }), _jsx(Gradient, { name: "pastel", children: _jsx(Text, { children: ASCII_ART[0] }) }), _jsxs(Text, { color: "cyan", children: [' '.repeat(33), "\u2551"] })] }), _jsxs(Text, { bold: true, children: [_jsx(Text, { color: "cyan", children: '║  ' }), _jsx(Gradient, { name: "pastel", children: _jsx(Text, { children: ASCII_ART[1] }) }), _jsx(Text, { color: "yellow", children: '   Chip & PIN Explorer' }), _jsxs(Text, { color: "cyan", children: [' '.repeat(11), "\u2551"] })] }), _jsxs(Text, { bold: true, children: [_jsx(Text, { color: "cyan", children: '║  ' }), _jsx(Gradient, { name: "pastel", children: _jsx(Text, { children: ASCII_ART[2] }) }), _jsx(Text, { color: "yellow", children: '   Interactive Mode' }), _jsxs(Text, { color: "cyan", children: [' '.repeat(14), "\u2551"] })] }), _jsxs(Text, { bold: true, children: [_jsx(Text, { color: "cyan", children: '║  ' }), _jsx(Gradient, { name: "pastel", children: _jsx(Text, { children: ASCII_ART[3] }) }), _jsxs(Text, { color: "cyan", children: [' '.repeat(33), "\u2551"] })] }), _jsxs(Text, { bold: true, children: [_jsx(Text, { color: "cyan", children: '║  ' }), _jsx(Gradient, { name: "pastel", children: _jsx(Text, { children: ASCII_ART[4] }) }), _jsxs(Text, { color: "gray", children: ['   ', version] }), _jsxs(Text, { color: "cyan", children: [versionPadding, "\u2551"] })] }), _jsxs(Text, { bold: true, children: [_jsx(Text, { color: "cyan", children: '║  ' }), _jsx(Gradient, { name: "pastel", children: _jsx(Text, { children: ASCII_ART[5] }) }), _jsxs(Text, { color: "cyan", children: [' '.repeat(33), "\u2551"] })] }), _jsxs(Text, { color: "cyan", bold: true, children: ["\u2551", ' '.repeat(63), "\u2551"] }), _jsx(Gradient, { name: "rainbow", children: _jsx(Text, { bold: true, children: '╚' + '═'.repeat(63) + '╝' }) })] }));
}
//# sourceMappingURL=Header.js.map