export default {
  h1: (props: any) => (
    <h1
      className="leading-tight border-b text-4xl font-semibold mb-4 mt-6 pb-2"
      {...props}
    />
  ),
  h2: (props: any) => (
    <h2
      className="leading-tight border-b text-2xl font-semibold mb-4 mt-6 pb-2"
      {...props}
    />
  ),
  h3: (props: any) => (
    <h3 className="leading-snug text-lg font-semibold mb-4 mt-6" {...props} />
  ),
  h4: (props: any) => (
    <h4 className="leading-none text-base font-semibold mb-4 mt-6" {...props} />
  ),
  h5: (props: any) => (
    <h5 className="leading-tight text-sm font-semibold mb-4 mt-6" {...props} />
  ),
  h6: (props: any) => (
    <h6
      className="leading-tight text-sm font-semibold text-gray-600 mb-4 mt-6"
      {...props}
    />
  ),
  ul: (props: any) => <ul className="text-base pl-8 list-disc" {...props} />,
  ol: (props: any) => <ol className="text-base pl-8 list-decimal" {...props} />,
}
