'use client';

import s from './styles.module.scss';
import { Button, Icons } from '@shared/ui';
import { CONTACTS } from '@shared/const/contacts';
import { useModal } from '@core/providers/modal-provider';
import { ConsultationModal } from '@/widgets';

function CallUs() {
  const modal = useModal();
  const openModal = () =>
    modal.showModal(<ConsultationModal pageName={'Home-CallUs'} />);

  const handlePhoneClick = () => {
    window.open(`tel:${CONTACTS.PHONE}`, '_self');
  };

  return (
    <section className={s.CallUs}>
      <div className={s.LeftBlock}>
        <p className={s.LineTitle}>Остались вопросы?</p>
        <p className={s.LineText}>Свяжитесь с нами любым удобным способом</p>
      </div>
      <div className={s.RightBlock}>
        <Button className={s.Btn} onClick={openModal}>
          <Icons.MobilePhone className={s.Icon} />
          Мы вам перезвоним
        </Button>
        <Button className={s.Btn} onClick={handlePhoneClick}>
          <Icons.MobileContact className={s.Icon} />
          Связаться с нами
        </Button>
      </div>
    </section>
  );
}

export { CallUs };
