rostimelk / pt-string Goto Github PK

import React from 'react'
import {defineType, defineArrayMember} from 'sanity'

const HighlightIcon = () => <span style={{fontWeight: 'bold', color: '#246D49'}}>H</span>

const HighlightDecorator = (props: any) => (
  <span style={{backgroundColor: '#246D49', padding: '2px 4px 2px 4px'}}>{props.children}</span>
)

export const heading = defineType({
  name: 'heading',
  type: 'pt-string',
  options: {
    styles: [{title: 'Heading 2', value: 'h2'}],
    decorators: [
      {
        title: 'Highlight',
        value: 'highlight',
        icon: HighlightIcon,
        component: HighlightDecorator,
      },
    ],
  },
})