import React from 'react';
import Image from 'next/image';

import filterIcon from '../../../public/icons/Vector.svg';

//styles
import s from './ChooseSalonTitle.module.scss';
import Title from '../Title';

//components

const ChooseSalonTitle = () => {
  return (
    <>
      <div className={s.chooseTitle}>
        <Title text={'Odaberi salon'} />
        <div className={s.rightSection}>
          <p>Filter</p>
          <Image src={filterIcon} alt="Filter Icon" />
        </div>
      </div>
    </>
  );
};

export default ChooseSalonTitle;