/* global React */
const _useInView_sd = window.useInView;

function SectionSedlcany() {
  const [ref, inView] = _useInView_sd(0.2);

  return (
    <section
      id="sedlcany"
      className={`sec-sedlcany ${inView ? 'is-in' : ''}`}
      ref={ref}
      aria-label="Druhý areál v Sedlčanech">

      <div className="sedl-bg" aria-hidden="true">
        <img src="assets/foto-sedlcany-letecky.jpg?v=2" alt="" loading="lazy" />
      </div>
      <div className="sedl-overlay" aria-hidden="true" />

      <div className="container sedl-content">
        <div className="sedl-text">
          <div className="t-eyebrow"><span className="dot"></span>Druhý areál</div>
          <h2 className="t-display t-h2 sedl-h2">BUS real Sedlčany</h2>
          <p className="t-body-l sedl-body-1">
            Vlastníme i druhý areál v Sedlčanech, bývalou provozovnu ČSAD, dnes kompaktní komerční prostor s vlastními nájemci. Menší než Příbram, ale stejně poctivě spravovaný.
          </p>
          <p className="t-body-l sedl-body-2">
            Aktuálně je plně obsazený. Pokud máte zájem o prostor v Sedlčanech, zanechte nám kontakt v <a href="#kontakt" className="sedl-link">formuláři níže</a> – ozveme se vám, jakmile se nějaká jednotka uvolní.
          </p>

          <div className="sedl-status">
            <span className="badge badge-success">Aktuálně plně obsazeno</span>
          </div>
        </div>
      </div>

      <div className="container about-rail-wrap">
        <div className="rail" />
      </div>
    </section>);

}

window.SectionSedlcany = SectionSedlcany;