w3bdesign / nav-jobs

import React from "react";

import parse from "html-react-parser";

import { Button } from "@navikt/ds-react";

import { formatDate } from "../../assets/utils/functions";

import style from "./JobModalContent.module.scss";

import { TJobContentProps } from "./JobModalContent.type";

function JobModalContent({

  name,

  description,

  extent,

  applicationDue,

  closeModal,

}: TJobContentProps): JSX.Element {

  return (

    <>

      <Button variant="danger" onClick={closeModal}>

        Lukk

      </Button>

      <div className={style.jobDiv}>

        <span className={style.jobContent}>

          <span className={style.jobTitle}>

            {name}

            <br />

            {extent}

            <br />

            {formatDate(applicationDue)}

          </span>

          <br />

          {parse(description)}

        </span>

      </div>

    </>

  );

}

export default JobModalContent;