interface BlogQuoteProps {
  children: React.ReactNode;
  author?: string;
}

export const BlogQuote = ({ children, author }: BlogQuoteProps) => {
  return (
    <blockquote className="my-10 border-l-4 border-violet-500 bg-gray-50 p-6 text-xl italic font-medium leading-relaxed text-gray-800 shadow-sm rounded-r-lg">
      <p className="m-0">{children}</p>
      {author && (
        <footer className="mt-4 text-sm text-gray-500 font-normal not-italic">
          &mdash; {author}
        </footer>
      )}
    </blockquote>
  );
};
