import View from "@/components/View";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
import ArtLink from "@/components/ArtLink";

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

export default ArtsForDocs;
