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

const Articles = () => {
  const titleStyle = "font-bold";
  const yearStyle = "italic";
  const publisherStyle = "italic";
  const pagesStyle = "italic";
  const authorStyle = "";
  return (
    <div>
      <h2>Articles</h2>
      <div className="flex flex-col gap-6">
        <Card className="relative">
          <div className={titleStyle}>
            Neuro-Ocular Release: A New Osteopathic Technique For Resolving
            Somatic Dysfunction
          </div>
          <div className={authorStyle}>Richard Feely and Jillian Smith</div>
          <div className={yearStyle}>2020</div>
          <div className={publisherStyle}>
            AAO Journal, Vol. 30, No. 2 &mdash;{" "}
            <Link
              target="_blank"
              href="/content/doctor-resources/nor_article.pdf"
              className="trasnition-all underline duration-300 hover:drop-shadow"
            >
              Read{" "}
              <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
            </Link>
          </div>
        </Card>
        <Card>
          <div className={titleStyle}>
            Progressive Infantile Scoliosis Managed with Osteopathic
            Manipulative Treatment
          </div>
          <div className={authorStyle}>Richard Feely and Holly Kapraun</div>
          <div className={yearStyle}>2017</div>
          <div className={publisherStyle}>
            The Journal of the American Osteopathic Association. 117. 595.
            10.7556/jaoa.2017.114
          </div>
        </Card>
        <Card>
          <div className={titleStyle}>
            Hospital Guidelines DRG/OMT Master Matrix
          </div>
          <div className={authorStyle}>Richard A. Feely, DO</div>
          <div className={yearStyle}>1992</div>
          <div className={publisherStyle}>Rhema Medical Publishers, JAOA</div>
        </Card>
        <Card>
          <div className={titleStyle}>
            An Outline of Osteopathic Manipulative Procedures in the Cranial
            Field
          </div>
          <div className={authorStyle}>Richard A. Feely, DO</div>
          <div className={yearStyle}>1980</div>
          <div className={publisherStyle}>
            Kirksville College of Osteopathic Medicine
          </div>
        </Card>
      </div>
    </div>
  );
};

export default Articles;