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

export const codeEditor: StyleOption = {
    id: 'code-editor',
    name: 'Code Editor',
    category: 'Tech',
    description: 'Dark mode IDE aesthetic. Monospaced fonts with syntax-highlighting color palette.',
    vibe: 'Technical, Dark, Coding',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&family=Source+Code+Pro:wght@400;600&display=swap',
    wordConfig: {
      heading1: { 
        font: "Inconsolata", size: 26, color: "61AFEF", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "282C34", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "Source Code Pro", size: 14, color: "98C379", bold: true, align: 'left',
        spacing: { before: 300, after: 150, line: 240 }
      },
      body: { 
        font: "Source Code Pro", size: 10, color: "ABB2BF", align: 'left',
        spacing: { before: 0, after: 160, line: 280 },
        shading: { fill: "21252B", color: "auto", style: "clear" }
      },
      accentColor: "E06C75"
    },
    previewCss: `
      font-family: 'Source Code Pro', monospace;
      background: #282C34;
      h1 { font-family: 'Inconsolata', monospace; font-size: 26pt; font-weight: 700; color: #61AFEF; background: #282C34; padding: 16px 20px; margin-bottom: 24px; }
      h2 { font-size: 14pt; font-weight: 600; color: #98C379; margin-top: 30px; margin-bottom: 14px; }
      p { font-size: 10pt; line-height: 1.6; color: #ABB2BF; margin-bottom: 14px; }
      blockquote { background: #2C313C; padding: 16px; border-left: 4px solid #E06C75; margin: 20px 0; color: #E06C75; }
    `
  };
