import React, { forwardRef } from 'react';
import { useButtonContext } from './Context';
export const ButtonSpinner = (StyledButtonSpinner: any) =>
  forwardRef((props: any, ref?: any) => {
    const { hover, focus, active, disabled, focusVisible } = useButtonContext();
    return (
      <StyledButtonSpinner
        {...props}
        tabIndex={0}
        aria-label="loading"
        ref={ref}
        dataSet={{
          hover: hover,
          focus: focus,
          active: active,
          disabled: disabled,
          focusVisible: focusVisible,
        }}
        states={{
          hover: hover,
          focus: focus,
          active: active,
          disabled: disabled,
          focusVisible: focusVisible,
        }}
      />
    );
  });