'use client'
import { PortableText, type PortableTextComponents } from 'next-sanity'
import Image from 'next/image'
import { urlFor } from '@/lib/sanity'
const components: PortableTextComponents = {
block: {
normal: ({ children }) => (
{children}
),
h1: ({ children }) => (
{children}
),
h2: ({ children }) => (
{children}
),
h3: ({ children }) => (
{children}
),
blockquote: ({ children }) => (
{children}
),
},
marks: {
strong: ({ children }) => (
{children}
),
em: ({ children }) => {children},
code: ({ children }) => (
{children}
),
link: ({ value, children }) => (
{children}
),
},
list: {
bullet: ({ children }) => (
),
number: ({ children }) => (
{children}
),
},
listItem: {
bullet: ({ children }) => {children},
number: ({ children }) => {children},
},
types: {
image: ({ value }) => {
if (!value?.asset) return null
return (
{value.caption && (
{value.caption}
)}
)
},
},
}
export function PortableTextRenderer({ value }: { value: unknown[] }) {
return (
)
}