use svitch prop instead of checkbox