import React from 'react';
import Message from '../../components/message';
import { selectTranslations } from '../booking/selectors';
import { useSelector } from 'react-redux';

const NoOptions = () => {
  const translations = useSelector(selectTranslations);

  return (
    <div className="form__group">
      <Message type="success" title={translations.OPTIONS_FORM.NO_OPTIONS_TITLE}>
        <p>{translations.OPTIONS_FORM.NO_OPTIONS_MESSAGE}</p>
      </Message>
    </div>
  );
};

export default NoOptions;