export default {
  a: {
    color: { value: '{colors.primary.500}' },
    'font-weight': { value: '{fontWeights.medium}' },
    'text-decoration': { value: 'none' },
    hover: {
      'text-decoration': { value: 'underline' },
    },
  },

  blockquote: {
    color: { value: '{colors.gray.500}' },
    'font-weight': { value: '{fontWeights.medium}' },
    border: {
      left: { value: '2px solid {colors.gray.200}' },
    },
    margin: {
      default: { value: '{space.6} 0' },
    },
    padding: {
      default: { value: '0 0 0 {space.4}' },
    },
  },

  code: {
    color: { value: '{colors.gray.200}' },
    'background-color': { value: '{colors.gray.800}' },
    margin: {
      default: { value: '{space.4} 0' },
    },
    padding: {
      default: { value: '{space.4}' },
    },
    'border-radius': { value: '{borderWidths.lg}' },
    'line-height': { value: '{leads.relaxed}' },
    line: {
      'highlight-background-color': { value: '{colors.gray.700}' },
    },
    filename: {
      color: { value: '{colors.gray.400}' },
      'border-radius': { value: 'border.size.lg' },
      'font-size': { value: '{fontSizes.xs}' },
      'line-height': { value: '{leads.normal}' },
    },
  },

  'code-inline': {
    color: { value: '{colors.gray.800}' },
    'background-color': { value: '{colors.gray.100}' },
    'border-radius': { value: '{borderWidths.md}' },
    padding: {
      default: { value: '0.25rem 0.375rem 0.25rem 0.375rem' },
    },
    'font-size': { value: '{fontSizes.sm}' },
    'font-weight': { value: '{fontWeights.normal}' },
  },

  em: {},

  h1: {
    color: { value: '{colors.gray.900}' },
    margin: {
      default: { value: '{space.8} 0 {space.4} 0' },
    },
    'font-size': { value: '{fontSizes.3xl}' },
    'font-weight': { value: '{fontWeights.semibold}' },
    'line-height': { value: '{leads.snug}' },
    hover: {
      border: {
        bottom: { value: '1px dashed {colors.gray.900}' },
      },
    },
  },

  h2: {
    color: { value: '{colors.gray.900}' },
    margin: {
      default: { value: '{space.8} 0 {space.4} 0' },
    },
    'font-size': { value: '{fontSizes.2xl}' },
    'font-weight': { value: '{fontWeights.semibold}' },
    'line-height': { value: '{leads.snug}' },
    hover: {
      border: {
        bottom: { value: '1px dashed {colors.gray.900}' },
      },
    },
  },

  h3: {
    color: { value: '{colors.gray.900}' },
    margin: {
      default: { value: '{space.8} 0 {space.4} 0' },
    },
    'font-size': { value: '{fontSizes.xl}' },
    'font-weight': { value: '{fontWeights.semibold}' },
    'line-height': { value: '{leads.snug}' },
    hover: {
      border: {
        bottom: { value: '1px dashed {colors.gray.900}' },
      },
    },
  },

  h4: {
    color: { value: '{colors.gray.500}' },
    margin: {
      default: { value: '{space.8} 0 {space.4} 0' },
    },
    'font-size': { value: '{fontSizes.lg}' },
    'font-weight': { value: '{fontWeights.semibold}' },
    'line-height': { value: '{leads.snug}' },
    hover: {
      border: {
        bottom: { value: '1px dashed {colors.gray.900}' },
      },
    },
  },

  hr: {
    margin: {
      default: { value: '{space.8} 0' },
    },
    border: {
      top: { value: '1px solid {colors.gray.200}' },
    },
  },

  img: {
    margin: {
      default: { value: '{space.4} 0' },
    },
  },

  li: {
    margin: {
      default: { value: '0.75rem 0' },
    },
    padding: {
      default: { value: '0 0 0 0.25rem' },
    },
    ol: {
      color: { value: '{colors.gray.400}' },
    },
    ul: {
      color: { value: '{colors.gray.300}' },
    },
  },

  ol: {
    'list-style-type': { value: 'decimal' },
    margin: {
      default: { value: '1.25rem 0' },
    },
    padding: {
      default: { value: '0 0 0 {space.6}' },
    },
    nested: {
      margin: {
        default: { value: '{space.2} 0 !important' },
      },
    },
  },

  p: {
    margin: {
      default: { value: '{space.4} 0' },
    },
    'line-height': { value: '{leads.relaxed}' },
    br: {
      margin: {
        default: { value: '{space.4} 0 0 0' },
      },
    },
  },

  strong: {
    'font-weight': { value: '{fontWeights.semibold}' },
  },

  table: {
    margin: {
      default: { value: '{space.6} 0 {space.6} 0' },
    },
    'font-size': { value: '{fontSizes.sm}' },
  },

  tbody: {
    tr: {
      border: {
        bottom: { value: '2px solid {colors.gray.100}' },
      },
    },
    td: {
      padding: {
        default: { value: '{space.2}' },
      },
    },
  },

  td: {
    // TODO
  },

  th: {
    // TODO
  },

  thead: {
    border: {
      bottom: { value: '1px solid {colors.gray.200}' },
    },
    th: {
      color: { value: '{colors.gray.500}' },
      'font-weight': { value: '{fontWeights.semibold}' },
      padding: {
        default: { value: '0 {space.2} {space.2} {space.2}' },
      },
    },
  },

  tr: {
    // TODO
  },

  ul: {
    'list-style-type': { value: 'disc' },
    margin: {
      default: { value: '1.25rem 0' },
    },
    padding: {
      default: { value: '0 0 0 {space.6}' },
    },
    nested: {
      margin: {
        default: { value: '{space.2} 0 !important' },
      },
    },
  },
}