"use client";
import React, { useState, useRef } from "react";
import Breadcrumb from "../../components/Common/Breadcrumb";
import ContentJobApply from "../../components/Career/ContentJobApply";
import JobApply from "../../components/Career/JobApply";



export default function Career() {
  const [positionselected, setpositionselected] = useState<string>('')
  const applyPosition = (value: string) => {
    setpositionselected(value)
  }
  const targetDivRef = useRef<HTMLDivElement>(null);

  const handleClick = () => {
    if (targetDivRef.current) {
      targetDivRef.current.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  }

  return (
    <>
      <Breadcrumb
        pageTitle="Career"
        Breadcrumbitems={
          [
            {
              name: 'Home',
              url: "/"
            },
            {
              name: "Career"
            },
          ]
        }
      />
      <div className="container">
        <div className="row">
          <h1 style={{ margin: '50px 0 0px', fontSize: '30px', textAlign: 'center'}}>There are no current job openings.</h1>
          <p style={{ margin: '0px 0 100px', textAlign: 'center'}}>We appreciate your interest in our company and invite you to check back again as new opportunities become available.</p>
        </div>
      </div>
      {/* <ContentJobApply onclick={handleClick} applyPosition={applyPosition} />

      <JobApply positionselected={positionselected} ref={targetDivRef} /> */}
      
    </>
  );
}