type ActionButtonListGroupProps = {
    disabled?: boolean;
    onCreate?: () => void;
    onDelete?: () => void;
    deleteLabel?: string
};

export const ActionButtonListGroup = ({
                                          disabled = false,
                                          onCreate,
                                          onDelete,
                                          deleteLabel = '선택 삭제',
                                      }: ActionButtonListGroupProps) => {

    return (
        <div className="btn_wrap">
            <div className="left">

                {onDelete && (
                    <button
                        type="button"
                        className="btn line red xlarge"
                        onClick={onDelete}
                        disabled={disabled}
                    >
                        {deleteLabel}
                    </button>
                )}
            </div>

            <div className="right">

                {onCreate && (
                    <button
                        type="button"
                        className="btn fill primary xlarge"
                        onClick={onCreate}
                        disabled={disabled}
                    >
                        등록
                    </button>
                )}

            </div>
        </div>
    );
};