export const mockTextViewBackground = {
  type: 'text',
  order: 4,
  column: 1,
  metaData: {
    content: '<p><span style="color:#c0392b"><span style="background-color:#f1c40f">hello</span></span></p>',
  },
  style: {
    marginBottom: 0,
    fontColor: '',
    backgroundColor: '',
    css: '',
  },
}

export const mockTextViewFontFamily = {
  type: 'text',
  order: 4,
  column: 1,
  metaData: {
    content:
      '<p><span style="font-family: Comic Sans MS,cursive"><span style="font-size:20px">Hello world</span></span></p>',
  },
  style: {
    marginBottom: 0,
    fontColor: '',
    backgroundColor: '',
    css: '',
  },
}

export const mockTextViewFontSize = {
  type: 'text',
  order: 4,
  column: 1,
  metaData: {
    content:
      '<p><span style="font-size:48px"><span style="font-family:Courier New,Courier,monospace">Hello world</span></span></p>',
  },
  style: {
    marginBottom: 100,
    fontColor: '',
    backgroundColor: '',
    css: '',
  },
}

export const mockTextViewTextCenter = {
  type: 'text',
  order: 4,
  column: 1,
  metaData: {
    content:
      '<p style="text-align:center"><span style="font-size:16px"><span style="font-family:Courier New,Courier,monospace">Hello world</span></span></p>',
  },
  style: {
    marginBottom: 0,
    fontColor: '',
    backgroundColor: '',
    css: '',
  },
}

export const mockTextViewEmoji = {
  type: 'text',
  order: 4,
  column: 1,
  metaData: {
    content:
      '<p style="text-align:center">😀&nbsp;<span style="font-size:16px"><span style="font-family:Courier New,Courier,monospace">Hello world</span></span>😀</p>',
  },
  style: {
    marginBottom: 0,
    fontColor: '',
    backgroundColor: '',
    css: '',
  },
}
