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

export const popArtComic: StyleOption = {
    id: 'pop-art-comic',
    name: 'Pop Art Comic',
    category: 'Creative',
    description: 'Roy Lichtenstein inspired. Bold black outlines, halftone vibes, and primary colors.',
    vibe: 'Comic, Bold, Pop',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Bangers", size: 42, color: "000000", bold: false, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "FFFF00", color: "auto", style: "clear" } // Yellow back
      },
      heading2: { 
        font: "Bangers", size: 24, color: "FFFFFF", bold: false, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        shading: { fill: "FF0000", color: "auto", style: "clear" } // Red back
      },
      body: { 
        font: "Comic Neue", size: 12, color: "000000", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "000000"
    },
    previewCss: `
      font-family: 'Comic Neue', sans-serif;
      h1 { font-family: 'Bangers', cursive; font-size: 42pt; color: #000000; background: #FFFF00; padding: 10px; border: 4px solid #000; box-shadow: 5px 5px 0 #000; margin-bottom: 24px; display: inline-block; }
      h2 { font-family: 'Bangers', cursive; font-size: 24pt; color: #FFFFFF; background: #FF0000; padding: 5px 15px; border: 3px solid #000; margin-top: 32px; margin-bottom: 16px; display: inline-block; transform: rotate(-2deg); }
      p { font-size: 12pt; line-height: 1.5; color: #000000; margin-bottom: 14px; font-weight: 700; }
      blockquote { background: #FFFFFF; border: 3px solid #000; padding: 20px; border-radius: 50% / 20%; margin: 24px 0; text-align: center; }
    `
  };
