@chayns-components/gallery
Version:
A set of beautiful React components for developing your own applications with chayns.
25 lines • 779 B
JavaScript
import { Icon, selectFiles } from '@chayns-components/core';
import React, { useCallback } from 'react';
import { StyledAddFile, StyledAddFIleIconWrapper } from './AddFile.styles';
const AddFile = ({
onAdd
}) => {
const openSelectDialog = useCallback(async () => {
const files = await selectFiles({
multiple: true,
type: 'image/*, video/*'
});
onAdd(files);
}, [onAdd]);
return /*#__PURE__*/React.createElement(StyledAddFile, {
key: "addButton"
}, /*#__PURE__*/React.createElement(StyledAddFIleIconWrapper, {
onClick: () => void openSelectDialog()
}, /*#__PURE__*/React.createElement(Icon, {
size: 40,
icons: ['fa fa-plus']
})));
};
AddFile.displayName = 'AddFile';
export default AddFile;
//# sourceMappingURL=AddFile.js.map