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

export const taxiCab: StyleOption = {
    id: 'taxi-cab',
    name: 'Taxi Cab',
    category: 'Urban',
    description: 'Yellow cab aesthetic. Checkerboard patterns (simulated) and bold black on yellow.',
    vibe: 'Urban, Yellow, Bold',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Archivo+Black&family=Roboto:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Archivo Black", size: 36, color: "000000", bold: false, align: 'center',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "FFEB3B", color: "auto", style: "clear" },
        border: { 
          top: { color: "000000", space: 4, style: "dashed", size: 24 }, // Simulates checkers
          bottom: { color: "000000", space: 4, style: "dashed", size: 24 }
        }
      },
      heading2: { 
        font: "Roboto", size: 18, color: "000000", bold: true, align: 'center',
        spacing: { before: 320, after: 160, line: 240 },
        shading: { fill: "FFFFFF", color: "auto", style: "clear" }
      },
      body: { 
        font: "Roboto", size: 12, color: "212121", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "FFEB3B"
    },
    previewCss: `
      font-family: 'Roboto', sans-serif;
      background: #212121;
      padding: 20px;
      h1 { font-family: 'Archivo Black', sans-serif; font-size: 36pt; color: #000000; background: #FFEB3B; padding: 16px; margin-bottom: 24px; text-align: center; border-top: 6px dashed #000; border-bottom: 6px dashed #000; }
      h2 { font-size: 18pt; font-weight: 700; color: #000000; background: #FFFFFF; padding: 8px; margin-top: 32px; margin-bottom: 16px; text-align: center; display: inline-block; }
      p { font-size: 12pt; line-height: 1.5; color: #FFFFFF; margin-bottom: 14px; }
      blockquote { background: #FFEB3B; color: #000; padding: 16px; margin: 24px 0; font-weight: 700; }
    `
  };
