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

export const stickyNote: StyleOption = {
    id: 'sticky-note',
    name: 'Sticky Note',
    category: 'Casual',
    description: 'Handwritten reminder aesthetic. Marker fonts on a canary yellow background.',
    vibe: 'Casual, Handwritten, Yellow',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Kalam:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Permanent Marker", size: 32, color: "000000", bold: false, align: 'center',
        spacing: { before: 400, after: 200, line: 240 }
      },
      heading2: { 
        font: "Kalam", size: 18, color: "D50000", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Kalam", size: 14, color: "212121", align: 'left',
        spacing: { before: 0, after: 160, line: 280 },
        shading: { fill: "FFF9C4", color: "auto", style: "clear" } // Yellow paper
      },
      accentColor: "D50000"
    },
    previewCss: `
      font-family: 'Kalam', cursive;
      background: #FFF9C4;
      padding: 30px;
      box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
      h1 { font-family: 'Permanent Marker', cursive; font-size: 32pt; color: #000000; text-align: center; margin-bottom: 24px; transform: rotate(-1deg); }
      h2 { font-size: 18pt; font-weight: 700; color: #D50000; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 14pt; line-height: 1.5; color: #212121; margin-bottom: 14px; }
      blockquote { border-left: 4px solid #D50000; padding-left: 12px; margin: 20px 0; }
    `
  };
