import React from 'react';

const Toggle = ({ callback = () => null, isActive = false, title = '' }) => (
  <button
    type="button"
    data-c="slmr--Toggle"
    onClick={callback}
    className="flex items-center justify-center align-middle"
  >
    <div className="mr-2 text-4xl">
      <i
        className={
          isActive === false
            ? 'fa-solid fa-toggle-off'
            : 'fa-solid fa-toggle-on text-green-500'
        }
      ></i>
    </div>
    <div className="text-xs flex">{title}</div>
  </button>
);

export default Toggle;