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

export const silentFilmIntertitle: StyleOption = {
    id: 'silent-film-intertitle',
    name: 'Silent Film Intertitle',
    category: 'Cinema',
    description: '1920s cinema cards. White decorative text on black backgrounds with ornate borders.',
    vibe: 'Cinema, Vintage, Dramatic',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Gye-Gye&family=Sorts+Mill+Goudy&display=swap',
    
    wordConfig: {
      heading1: { 
        font: "Gye-Gye", size: 32, color: "FFFFFF", bold: false, align: 'center',
        spacing: { before: 400, after: 240, line: 240 },
        shading: { fill: "000000", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "Sorts Mill Goudy", size: 18, color: "EEEEEE", bold: false, align: 'center',
        spacing: { before: 320, after: 160, line: 240 },
        shading: { fill: "212121", color: "auto", style: "clear" }
      },
      body: { 
        font: "Sorts Mill Goudy", size: 14, color: "000000", align: 'center',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "000000"
    },

    previewCss: `
      font-family: 'Sorts Mill Goudy', serif;
      h1 { font-family: 'Gye-Gye', sans-serif; font-size: 32pt; color: #FFFFFF; background: #000000; padding: 20px; text-align: center; margin-bottom: 24px; border: 4px double #FFF; }
      h2 { font-size: 18pt; color: #EEEEEE; background: #212121; display: inline-block; padding: 10px 20px; margin-top: 30px; margin-bottom: 16px; border-radius: 8px; }
      p { font-size: 14pt; line-height: 1.6; color: #000000; margin-bottom: 14px; text-align: center; }
      blockquote { border: 2px solid #000; padding: 20px; margin: 24px 0; font-style: italic; text-align: center; }
    `
  };
