
interface PullQuoteProps {
  text: React.ReactNode;
  source?: string;
  className?: string;
}

export function PullQuote({ text, source, className = '' }: PullQuoteProps) {
  return (
    <blockquote
      className={className}
      style={{
        borderTop: '2px solid var(--ink)',
        borderBottom: '2px solid var(--ink)',
        padding: '20px 0',
        margin: '24px 0',
      }}
    >
      <p
        style={{
          fontSize: '20px',
          fontWeight: 800,
          lineHeight: 1.3,
          letterSpacing: '-0.5px',
          color: 'var(--ink)',
          margin: 0,
        }}
      >
        {text}
      </p>
      {source && (
        <footer
          style={{
            fontSize: '11px',
            color: 'var(--ink-5)',
            marginTop: '10px',
          }}
        >
          {source}
        </footer>
      )}
    </blockquote>
  );
}
