'use client';

import s from './styles.module.scss';
import { Button, Input, Mark, TextArea } from '@shared/ui';
import toast from 'react-hot-toast';

export default function FooterForm() {
  const notify = () => toast.success('Заявка на консультацию принята');

  return (
    <form className={s.Form}>
      <h2 className={s.Header}>
        Давайте <Mark>обсудим</Mark> ваши задачи
      </h2>
      <Input variant='ghost' placeholder={'Ваше имя'} fullWidth />
      <Input variant='ghost' placeholder={'+7 999 1234567'} fullWidth />
      <TextArea
        variant='ghost'
        placeholder={'Кратко опишите вашу задачу'}
        fullWidth
        id='story'
        name='story'
        rows={6}
      />
      <Button className={s.SendBtn} variant='orange' fullWidth onClick={notify}>
        Отправить
      </Button>
    </form>
  );
}