import * as React from 'react'

import {
	useButtonGroupButton,
} from './hook'

import type {
	ButtonGroupProps,
	ButtonGroupOption,
} from '..'

export interface ButtonGroupButtonProps {
	groupProps: ButtonGroupProps & Record<string, any>
	option: ButtonGroupOption
}

const ButtonGroupButton: React.FC<ButtonGroupButtonProps> = props => {

	const {
		Button,
		buttonProps,
	} = useButtonGroupButton(props)

	return <Button {...buttonProps} />
}

export default ButtonGroupButton