import {
  UIDLNavLinkNode,
  UIDLURLLinkNode,
  UIDLMailLinkNode,
  UIDLPhoneLinkNode,
  UIDLSectionLinkNode,
  UIDLDynamicReference,
  UIDLPropDefinition,
} from '@teleporthq/teleport-types'
import { staticNode } from '@teleporthq/teleport-uidl-builders'

export const urlMockedDefinition = (openInNewTab: boolean = false): UIDLURLLinkNode => ({
  type: 'url',
  content: {
    url: staticNode('https://teleporthq.io'),
    newTab: openInNewTab,
  },
})

export const navlinkMockedDefinition = (): UIDLNavLinkNode => ({
  type: 'navlink',
  content: {
    routeName: {
      type: 'static',
      content: 'home',
    },
  },
})

export const exprNavlinkMockedDefinition = (): UIDLNavLinkNode => ({
  type: 'navlink',
  content: {
    routeName: {
      type: 'expr',
      content: '`/blog/' + '$' + '{' + 'blogPost?.slug}' + '`',
    },
  },
})

export const phoneMockedDefinition = (): UIDLPhoneLinkNode => ({
  type: 'phone',
  content: {
    phone: '091837864834',
  },
})

export const sectionMockedDefinition = (): UIDLSectionLinkNode => ({
  type: 'section',
  content: {
    section: {
      type: 'static',
      content: 'contact',
    },
  },
})

export const mailMockedDefinition = (): UIDLMailLinkNode => ({
  type: 'mail',
  content: {
    mail: 'test@teleporthq.io',
    subject: 'Hello',
    body: "Is it me you're looking for?",
  },
})

export const linkTypePropDefinitions = (): Record<string, UIDLPropDefinition> => ({
  cardLink: {
    type: 'link',
    defaultValue: { url: '/', newTab: false },
  },
})

export const linkTypePropDynamicReference = (): UIDLDynamicReference => ({
  type: 'dynamic',
  content: {
    referenceType: 'prop',
    id: 'cardLink',
  },
})