import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import css from './footer.css';
import Button from '../button/button';

const FooterCookieNotice = ({ message }) => {
  return (
    <div className={css['ds-footer__cookie-notice']}>
      <p>{message}</p>
      <Button
        secondary
        inverse
        className={classnames(
          css['ds-footer__manage-cookies-btn'],
          'js-cmp-manage-cookies',
        )}
      >
        Manage Cookies
      </Button>
    </div>
  );
};

FooterCookieNotice.defaultProps = {
  message: `To enhance your experience and ensure our website runs smoothly, we use
        cookies and similar technologies.`,
};

FooterCookieNotice.propTypes = {
  message: PropTypes.string,
};

export default FooterCookieNotice;
