import React, { useState } from 'react';
import './Switch.css';

export default function KoleSwitch({ checked = true, disabled = false, size = 'default', children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-switch-root">
      <button className={checked ? 'kole-switch kole-switch-switch is-on' : 'kole-switch kole-switch-switch'} type="button" role="switch" aria-checked={checked} disabled={disabled} onClick={() => onChange && onChange(!checked)} aria-label="切换状态" />
    </div>
  );
}