import React from 'react';

const ToggleSwitch = ({ checked, onChange, toggleName }) => (
  <>
    <input
      id="show-compiled-sql-toggle"
      role="checkbox"
      aria-label="ToggleSwitch"
      aria-hidden="false"
      type="checkbox"
      className="checkbox"
      checked={checked}
      onChange={e => onChange(e.target.checked)}
    />
    <label htmlFor="show-compiled-sql-toggle" className="switch"></label>{' '}
    {toggleName}
  </>
);

export default ToggleSwitch;