import React from 'react';
import { IoIosCheckmark } from 'react-icons/io';

import * as S from './styles';

const Checkbox = ({
  checked, onChange, name, label,
}) => (

  <S.Label htmlFor={name}>
    <S.Wrapper checked={checked}>
      <S.IconWrapper>
        <IoIosCheckmark color="#40BF63" />
      </S.IconWrapper>
      <input
        id={name}
        type="checkbox"
        checked={checked}
        onChange={onChange}
      />
    </S.Wrapper>

    {label}

  </S.Label>
);

Checkbox.propTypes = {

};

export default Checkbox;