import { StyleOption } from '../../../types';

export const supermarketReceipt: StyleOption = {
    id: 'supermarket-receipt',
    name: 'Supermarket Receipt',
    category: 'Everyday',
    description: 'Thermal paper aesthetic. Monospaced, slightly faded grey text with narrow alignment.',
    vibe: 'Disposable, Monospace, Grey',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Fira+Mono&family=Inconsolata:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Fira Mono", size: 24, color: "000000", bold: true, align: 'center',
        spacing: { before: 300, after: 200, line: 240 },
        allCaps: true
      },
      heading2: { 
        font: "Inconsolata", size: 14, color: "000000", bold: false, align: 'center',
        spacing: { before: 240, after: 120, line: 240 },
        border: { bottom: { color: "000000", space: 4, style: "dashed", size: 12 } }
      },
      body: { 
        font: "Inconsolata", size: 11, color: "424242", align: 'left', // Dark grey for thermal look
        spacing: { before: 0, after: 120, line: 240 } 
      },
      accentColor: "000000"
    },
    previewCss: `
      font-family: 'Inconsolata', monospace;
      background: #FAFAFA;
      padding: 20px;
      width: 400px;
      margin: 0 auto;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      h1 { font-family: 'Fira Mono', monospace; font-size: 24pt; font-weight: 700; color: #000000; text-align: center; margin-bottom: 20px; text-transform: uppercase; }
      h2 { font-size: 14pt; font-weight: 400; color: #000000; text-align: center; margin-top: 24px; margin-bottom: 12px; border-bottom: 1px dashed #000; padding-bottom: 5px; }
      p { font-size: 11pt; line-height: 1.4; color: #424242; margin-bottom: 10px; }
      blockquote { text-align: center; margin: 20px 0; font-weight: 700; }
    `
  };
