import React from 'react';
import { CommonToggle, CommonIndeterminateToggle } from './Toggle.styled';
import type { ToggleProps } from './Toggle.types';

const Toggle = (props: ToggleProps) => {
  const { size = 'small', indeterminate = false, disableRipple, ...switchProps } = props;

  if (indeterminate) {
    // can't use checked props with indeterminate
    return (
      <CommonIndeterminateToggle
        toggleSize={size}
        checked
        focusRipple={false}
        disableRipple={disableRipple}
        {...switchProps}
      />
    );
  }

  return (
    <CommonToggle
      toggleSize={size}
      focusRipple={false}
      disableRipple={disableRipple}
      {...switchProps}
    />
  );
};

export default Toggle;