import type { Block } from 'payload'

export const LinkPreviewBlock: Block = {
  slug: 'linkPreview',
  interfaceName: 'LinkPreviewBlock',
  fields: [
    { name: 'url', type: 'text', required: true },
    { name: 'title', type: 'text' },
    { name: 'description', type: 'textarea' },
    { name: 'image', type: 'upload', relationTo: 'media' },
  ],
  jsx: {
    export: ({ fields }) => ({
      props: {
        url: fields.url,
        ...(fields.title ? { title: fields.title } : {}),
        ...(fields.description ? { description: fields.description } : {}),
      },
    }),
    import: ({ props }) => ({
      url: props?.url ?? '',
      title: props?.title ?? '',
      description: props?.description ?? '',
    }),
  },
}