Pullquote

<Pullquote
  quote="Design is the silent ambassador of your brand."
  attribution="Paul Rand"
/>

import { cn } from '@/lib/utils'

interface PullquoteProps {
  quote:         string
  attribution?:  string
  className?:    string
}

export function Pullquote({ quote, attribution, className }: PullquoteProps): React.JSX.Element {
  return (
    <blockquote className={cn('folio-pullquote', className)}>
      <p className="folio-pullquote-text">{quote}</p>
      {attribution && (
        <cite className="folio-pullquote-attribution">{attribution}</cite>
      )}
    </blockquote>
  )
}