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

export const bauhausPoster: StyleOption = {
    id: 'bauhaus-poster',
    name: 'Bauhaus Poster',
    category: 'Creative',
    description: 'Geometric minimalism. Primary colors, angled text, and strong diagonal compositions.',
    vibe: 'Artistic, Geometric, Modernist',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&family=Jost:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Josefin Sans", size: 36, color: "D50000", bold: true, align: 'right',
        spacing: { before: 400, after: 200, line: 240 },
        border: { bottom: { color: "000000", space: 8, style: "single", size: 36 } }
      },
      heading2: { 
        font: "Jost", size: 16, color: "2962FF", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        shading: { fill: "FFEB3B", color: "auto", style: "clear" }
      },
      body: { 
        font: "Jost", size: 11, color: "212121", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "D50000"
    },
    previewCss: `
      font-family: 'Jost', sans-serif;
      h1 { font-family: 'Josefin Sans', sans-serif; font-size: 36pt; font-weight: 700; color: #D50000; text-align: right; border-bottom: 8px solid #000; padding-bottom: 10px; margin-bottom: 24px; text-transform: uppercase; }
      h2 { font-size: 16pt; font-weight: 700; color: #2962FF; background: #FFEB3B; padding: 8px 16px; margin-top: 32px; margin-bottom: 16px; display: inline-block; transform: rotate(-1deg); }
      p { font-size: 11pt; line-height: 1.6; color: #212121; margin-bottom: 14px; }
      blockquote { border-left: 10px solid #D50000; padding-left: 20px; margin: 24px 0; font-style: italic; }
    `
  };
