import React from 'react';
import classNames from 'classnames';
interface Props {
  disabled?: boolean;
  label?: string;
  className?: string;
  onChange?: any;
  name?: string;
  checked: boolean;
}

export type CBProps = Partial<Props>;
const CheckBox: React.FC<CBProps> = (props) => {
  const { disabled, name, label, className, ...restProps } = props;
  const classes = classNames('paypay-checkbox', className);
  return (
    <div className={classes}>
      <input
        className="paypay-checkbox__input"
        type="checkbox"
        {...restProps}
      />
      <label htmlFor={name} className="paypay-checkbox__label">
        {label}
      </label>
    </div>
  );
};

export default CheckBox;