import type { FunctionComponent } from 'react';
import Button from './Button';
import IconButton from './IconButton';
import UtilityButton from './UtilityButton';
import type { ButtonProps } from './Button';

interface CompoundButtonProps extends FunctionComponent<ButtonProps> {
  Icon: typeof IconButton;
  Utility: typeof UtilityButton;
}

const CompoundButton = Button as CompoundButtonProps;

CompoundButton.Icon = IconButton;
CompoundButton.Utility = UtilityButton;

export default CompoundButton;