blockquote

1import { cn } from "@/lib/utils";
2import React from "react";
3
4type BlockquoteProps = {
5  children?: React.ReactNode;
6  className?: string;
7};
8
9const Blockquote = ({ children, className }: BlockquoteProps) => {
10  return (
11    <div
12      className={cn(
13        "relative rounded-lg border-l-8 border-l-gray-700 bg-gray-100 py-5 pl-16 pr-5 font-sans text-lg italic leading-relaxed text-gray-500 before:absolute before:left-3 before:top-3 before:font-serif before:text-6xl before:text-gray-700 before:content-['“']",
14        className,
15      )}
16    >
17      {children}
18    </div>
19  );
20};
21
22const BlockquoteAuthor = ({ children, className }: BlockquoteProps) => {
23  return (
24    <p
25      className={cn(
26        "mt-5 pr-4 text-right font-bold not-italic text-gray-700",
27        className,
28      )}
29    >
30      {children}
31    </p>
32  );
33};
34
35export { Blockquote, BlockquoteAuthor };
36