#Markdown Rendering

import { CodeBlock } from "@matechat/react";

export default function () {
  return (
    <div className="w-full max-w-lg">
      <CodeBlock className="language-javascript">
        {`const greeting = "Hello, World!";
console.log(greeting);`}
      </CodeBlock>
    </div>
  );
}

import { BlockQuote } from "@matechat/react";

export default function () {
  return (
    <div className="w-full max-w-lg">
      <BlockQuote>
        This is a blockquote. It can be used to highlight important
        information or quotes.
      </BlockQuote>
    </div>
  );
}

import { Link } from "@matechat/react";

export default function () {
  return (
    <div className="w-full max-w-lg flex flex-col gap-2">
      <Link href="https://example.com">External Link (opens in new tab)</Link>
      <Link href="/path/to/page" target="_self">
        Internal Link
      </Link>
    </div>
  );
}