import React from 'react';

const Close = ({ callback = () => {}, size = 'text-4xl', theme = '' }) => (
  <button
    type="button"
    data-c="smlr--Modal-Close"
    onClick={() => callback()}
    aria-label="close"
    className={`flex items-center justify-center align-middle w-11 h-11 text-center rounded-md hover:bg-gray-100 hover:text-gray-500 ${size} ${theme}`}
  >
    <i className="fa-light fa-xmark" />
  </button>
);

export default Close;