import type { QuoteBlockData } from '@/types/contentBlocks';

export function QuoteBlock({ block }: { block: QuoteBlockData }) {
  return (
    <blockquote className="border-r-2 border-primary/40 pr-3 text-sm italic text-muted-foreground">
      <p>{block.text}</p>
      {block.attribution && (
        <footer className="mt-2 text-xs not-italic">— {block.attribution}</footer>
      )}
    </blockquote>
  );
}