import View from "@/components/View";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
import Link from "next/link";

const ArtsForDocs = () => {
  return (
    <View
      bg_color="bg-primary-500"
      txt_color="text-primary-100"
      id="artsfordocs"
    >
      <h1>
        <em>For Doctors</em>
      </h1>
      <div>
        <h2>Osteopathy</h2>
        <div>
          <h2>Articles</h2>
          <Link href="/articles/osteopathic-head-pain" className="block">
            Head Pain
          </Link>
          <Link href="/articles/neural-biological-mechanisms" className="block">
            Neural Biological Mechanisms
          </Link>
          <Link
            href="/articles/intervertebral-disc-herniation"
            className="block"
          >
            The Basics of Intervertebral Disc Herniation
          </Link>
          <Link href="/articles/cranial-manipulation" className="block">
            Cranial Manipulation
          </Link>
          <Link href="/articles/the-trauma-of-birth" className="block">
            The Trauma of Birth
          </Link>
        </div>
        <div>
          <h2>Resources</h2>
          <Link
            href="/articles/feelys-osteopathic-dictionary"
            className="block"
          >
            Feely's Abridged Osteopathic Dictionary
          </Link>
          <Link href="/articles/omt-codes" className="block">
            OMT Codes
          </Link>
          <Link
            href="/content/doctor-resources/drg_omt_chart.pdf"
            target="_blank"
            className="block"
          >
            DRG/OMT Chart [PDF]{" "}
            <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
          </Link>
        </div>
      </div>
      <div>
        <h2>Acupuncture</h2>
        <div>
          <h2>Articles</h2>
          <Link href="/articles/five-element-acupuncture" className="block">
            Five Element Acupuncture
          </Link>
          <Link href="/articles/acupuncture-letter" className="block">
            Acupuncture Letter
          </Link>
        </div>
        <div>
          <h2>Resources</h2>
          <Link
            href="/content/doctor-resources/point-categories.pdf"
            target="_blank"
            className="block"
          >
            Point Categories [PDF]{" "}
            <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
          </Link>
          <Link
            href="/articles/international-acupuncture-bibliography"
            className="block"
          >
            International Acupuncture Bibliography
          </Link>
          <Link href="/articles/acupuncture-references" className="block">
            Acupuncture References
          </Link>
        </div>
      </div>
      <div>
        <h2>Neuro Ocular Release</h2>
        <Link
          href="/content/doctor-resources/nor_article.pdf"
          target="_blank"
          className="block"
        >
          Neuro-Ocular Release: A New Osteopathic Technique [PDF]{" "}
          <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
        </Link>
      </div>
    </View>
  );
};

export default ArtsForDocs;
