import * as React from 'react';
import AddIcon from '@material-ui/icons/AddCircleOutline';
import { useSimpleFormIterator } from './useSimpleFormIterator';

import { Button, ButtonProps } from '../../button';

export const AddItemButton = (props: Omit<ButtonProps, 'onClick'>) => {
    const { add } = useSimpleFormIterator();
    return (
        <Button label="ra.action.add" onClick={() => add()} {...props}>
            <AddIcon />
        </Button>
    );
};