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

export const stockTicker: StyleOption = {
  id: 'stock-ticker',
  name: 'Stock Ticker',
  category: 'Financial',
  description: 'LED moving message sign. Dot matrix fonts with bright green/red on black.',
  vibe: 'Financial, Digital, LED',
  googleFontsImport: 'https://fonts.googleapis.com/css2?family=DotGothic16&display=swap',
  wordConfig: {
    heading1: { 
      font: "DotGothic16", size: 32, color: "00E676", bold: false, align: 'left',
      spacing: { before: 400, after: 200, line: 240 },
      shading: { fill: "000000", color: "auto", style: "clear" }
    },
    heading2: { 
      font: "DotGothic16", size: 18, color: "FF1744", bold: false, align: 'left',
      spacing: { before: 320, after: 160, line: 240 },
      shading: { fill: "000000", color: "auto", style: "clear" }
    },
    body: { 
      font: "DotGothic16", size: 12, color: "E0E0E0", align: 'left',
      spacing: { before: 0, after: 160, line: 280 },
      shading: { fill: "212121", color: "auto", style: "clear" }
    },
    accentColor: "00E676"
  },
  previewCss: `
    font-family: 'DotGothic16', sans-serif;
    background: #212121;
    h1 { font-size: 32pt; color: #00E676; background: #000000; padding: 12px; margin-bottom: 24px; border-bottom: 2px solid #333; }
    h2 { font-size: 18pt; color: #FF1744; background: #000000; padding: 8px; margin-top: 32px; margin-bottom: 16px; display: inline-block; }
    p { font-size: 12pt; line-height: 1.5; color: #E0E0E0; margin-bottom: 14px; }
    blockquote { border-left: 4px solid #00E676; padding-left: 16px; margin: 24px 0; color: #B9F6CA; }
  `
};
