48 lines
1.2 KiB
JavaScript
48 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { Button, ButtonGroup, Icon, IconButton } from '@ohif/ui';
|
|
|
|
function ActionButtons({ onExportClick, onCreateReportClick }) {
|
|
return (
|
|
<React.Fragment>
|
|
<ButtonGroup onClick={onExportClick}>
|
|
<Button
|
|
className="px-2 py-2 text-base text-white bg-black border-primary-main"
|
|
size="initial"
|
|
color="inherit"
|
|
>
|
|
Export
|
|
</Button>
|
|
<IconButton
|
|
className="px-2 text-white bg-black border-primary-main"
|
|
color="inherit"
|
|
size="initial"
|
|
>
|
|
<Icon name="arrow-down" />
|
|
</IconButton>
|
|
</ButtonGroup>
|
|
<Button
|
|
className="px-2 py-2 ml-2 text-base text-white bg-black border border-primary-main"
|
|
variant="outlined"
|
|
size="initial"
|
|
color="inherit"
|
|
onClick={onCreateReportClick}
|
|
>
|
|
Create Report
|
|
</Button>
|
|
</React.Fragment>
|
|
);
|
|
}
|
|
|
|
ActionButtons.propTypes = {
|
|
onExportClick: PropTypes.func,
|
|
onCreateReportClick: PropTypes.func,
|
|
};
|
|
|
|
ActionButtons.defaultProps = {
|
|
onExportClick: () => alert('Export'),
|
|
onCreateReportClick: () => alert('Create Report'),
|
|
};
|
|
|
|
export default ActionButtons;
|