2025-03-11 15:57:19 +07:00

22 lines
501 B
TypeScript

import { Components } from 'react-markdown'
export const markdownComponents: Partial<Components> = {
a: ({ href, children, ...props }) => (
<a
target="_blank"
href={href}
className="text-[hsla(var(--app-link))]"
{...props}
>
{children}
</a>
),
table: ({ children }) => (
<div className="w-full overflow-x-auto">
<table className="w-full rounded-lg border border-[hsla(var(--app-border))]">
{children}
</table>
</div>
),
}