import * as React from 'react'; import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload'; import { css } from '@patternfly/react-styles'; import { MultipleFileUploadContext } from './MultipleFileUpload'; import { Button } from '../Button'; export interface MultipleFileUploadButtonProps extends React.HTMLProps { /** Class to add to outer div */ className?: string; /** Aria-label for the button */ 'aria-label'?: string; /** Visible text label for the button */ browseButtonText?: string; } export const MultipleFileUploadButton: React.FunctionComponent = ({ className, 'aria-label': ariaLabel, browseButtonText = 'Upload', ...props }: MultipleFileUploadButtonProps) => { if (!ariaLabel && !browseButtonText) { // eslint-disable-next-line no-console console.warn( "For accessibility reasons an aria-label should be specified on MultipleFileUploadButton if a browseButtonText isn't" ); } const { open } = React.useContext(MultipleFileUploadContext); return (
); }; MultipleFileUploadButton.displayName = 'MultipleFileUploadButton';