import React from 'react';
import ToggleButton from 'terra-toggle-button';
import classNames from 'classnames/bind';
import styles from './ToggleButtonCommon.module.scss';

const cx = classNames.bind(styles);

const IconOnly = () => {
  const [isButtonOn, setButtonOn] = React.useState(false);

  const handleButtonClick = () => {
    setButtonOn(!isButtonOn);
  };

  const handleBookAppointmentClick = () => {
    // eslint-disable-next-line no-alert
    alert('Appointment Book Button Clicked');
  };

  const handleContactClick = () => {
    // eslint-disable-next-line no-alert
    alert('Contact Button Clicked');
  };

  return (
    <ToggleButton
      isIconOnly
      closedButtonText={isButtonOn ? 'Icon Only ToggleButton (ON)' : 'Icon Only ToggleButton (OFF)'}
      onToggle={handleButtonClick}
    >
      <h2>Welcome to Our Clinic!</h2>
      <p>
        At our clinic, we provide exceptional healthcare services for patients of all ages. Our team of experienced doctors and medical staff is dedicated to ensuring your well-being and delivering personalized care.
      </p>
      <p>
        We offer a wide range of medical specialties, including cardiology, pediatrics, dermatology, orthopedics, and more. Our state-of-the-art facilities are equipped with the latest medical technologies to provide accurate diagnoses and effective treatments.
      </p>
      <p>
        Whether you need a routine check-up, have a specific health concern, or require ongoing care, our compassionate healthcare professionals are here to support you every step of the way. We prioritize patient satisfaction and strive to create a comfortable and nurturing environment for everyone who walks through our doors.
      </p>
      <div className={cx('toggle-div-style')}>
        <button type="button" onClick={handleBookAppointmentClick}>
          Book an Appointment
        </button>
        <button type="button" onClick={handleContactClick}>
          Contact Us
        </button>
      </div>
    </ToggleButton>
  );
};

export default IconOnly;