react-filerobot-video-editor/lib/components/buttons/CloseButton.js

React component version of filerobot video editor (FVE).

import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onClose","prefix"];import React from"react";import CrossOutline from"@scaleflex/icons/cross-outline";import CrossButton from"@scaleflex/ui/core/cross-button";import styled from"styled-components";import{useStore}from"../../hooks";import{CLOSING_REASONS}from"../../utils/constants";import{DiscardConfirmationModal}from"../common/ConfirmationModals";var StyledCloseButton=styled(CrossButton).withConfig({componentId:"sc-rzu1oh-0"})(["padding:8px;z-index:111;"]),CloseButton=function(a){var b=a.onClose,c=a.prefix,d=_objectWithoutProperties(a,_excluded),e=useStore(),f=e.config.onClose,g=b||f;return"function"==typeof g?React.createElement(React.Fragment,null,c,React.createElement(DiscardConfirmationModal,{onDiscard:g,discardReason:CLOSING_REASONS.CLOSE_BUTTON},React.createElement(StyledCloseButton,_extends({"data-testid":"FIE-close-button",className:"FIE_buttons-close-btn",color:"basic",size:"md"},d),React.createElement(CrossOutline,null)))):null};export default CloseButton;