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

export const recipeCard: StyleOption = {
    id: 'recipe-card',
    name: 'Recipe Card',
    category: 'Home',
    description: 'Grandmas index card. Typewriter fonts with red header lines.',
    vibe: 'Homey, Traditional, Cookery',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Courier+Prime&family=Homemade+Apple&display=swap',
    wordConfig: {
      heading1: { 
        font: "Courier Prime", size: 24, color: "000000", bold: true, align: 'left',
        spacing: { before: 360, after: 200, line: 240 },
        border: { bottom: { color: "F44336", space: 4, style: "single", size: 12 } }
      },
      heading2: { 
        font: "Courier Prime", size: 14, color: "000000", bold: true, align: 'left',
        spacing: { before: 280, after: 140, line: 240 },
        allCaps: true
      },
      body: { 
        font: "Courier Prime", size: 11, color: "212121", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "F44336"
    },
    previewCss: `
      font-family: 'Courier Prime', monospace;
      background: #FFF;
      border: 1px solid #E0E0E0;
      padding: 20px;
      h1 { font-size: 24pt; font-weight: 700; color: #000000; border-bottom: 2px solid #F44336; padding-bottom: 8px; margin-bottom: 20px; }
      h2 { font-size: 14pt; font-weight: 700; color: #000000; margin-top: 24px; margin-bottom: 12px; text-transform: uppercase; }
      p { font-size: 11pt; line-height: 1.5; color: #212121; margin-bottom: 12px; }
      blockquote { font-family: 'Homemade Apple', cursive; color: #D32F2F; font-size: 14pt; margin: 20px 0; }
    `
  };
