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

export const wireframeLayout: StyleOption = {
  id: 'wireframe-layout',
  name: 'Wireframe Layout',
  category: 'Minimal',
  description: 'Digital blueprint style. Grey backgrounds, monospaced fonts, and placeholder-like blocks.',
  vibe: 'Digital, Prototype, Structural',
  googleFontsImport: 'https://fonts.googleapis.com/css2?family=Redacted+Script&family=Flow+Circular&family=Roboto+Mono&display=swap',
  wordConfig: {
    heading1: { 
      font: "Roboto Mono", size: 24, color: "0000FF", bold: true, align: 'left',
      spacing: { before: 400, after: 200, line: 240 },
      shading: { fill: "E0E0E0", color: "auto", style: "clear" }
    },
    heading2: { 
      font: "Roboto Mono", size: 14, color: "555555", bold: true, align: 'left',
      spacing: { before: 320, after: 160, line: 240 },
      border: { bottom: { color: "CCCCCC", space: 4, style: "single", size: 4 } }
    },
    body: { 
      font: "Roboto Mono", size: 10, color: "333333", align: 'left',
      spacing: { before: 0, after: 160, line: 280 } 
    },
    accentColor: "0000FF"
  },
  previewCss: `
    font-family: 'Roboto Mono', monospace;
    h1 { font-size: 24pt; font-weight: 700; color: #0000FF; background: #E0E0E0; padding: 12px; margin-bottom: 24px; }
    h2 { font-size: 14pt; font-weight: 700; color: #555555; border-bottom: 1px solid #CCC; margin-top: 32px; margin-bottom: 16px; padding-bottom: 4px; }
    p { font-size: 10pt; line-height: 1.6; color: #333333; margin-bottom: 14px; }
    blockquote { border: 1px dashed #999; padding: 16px; margin: 24px 0; background: #F9F9F9; }
  `
};
