'use client';

import s from './styles.module.scss';
import Image from 'next/image';
import { Button } from '@shared/ui';
import { useModal } from '@core/providers/modal-provider';
import { ConsultationModal } from '@/entities/home/consultation-modal';

import callBtn from '@public/svg/phone-calling.svg';

function CallbackOrder() {
  const modal = useModal();
  const openModal = () => modal.showModal(<ConsultationModal />);

  return (
    <div className={s.Container}>
      <Button className={s.Btn} onClick={openModal}>
        <Image src={callBtn} alt='Call' />
        Обратный звонок
      </Button>
    </div>
  );
}

export { CallbackOrder };
