import { FunctionComponent } from 'react';
import Button, { ButtonProps } from './Button';
import LinkButton from './LinkButton';
import IconButton from './IconButton';

interface CompoundButtonProps extends FunctionComponent<ButtonProps> {
  Icon: typeof IconButton;
  Link: typeof LinkButton;
}

const CompoundButton = Button as CompoundButtonProps;

CompoundButton.Link = LinkButton;
CompoundButton.Icon = IconButton;

export default CompoundButton;