@remotion/studio
Version:
APIs for interacting with the Remotion Studio
33 lines (32 loc) • 1.24 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ModalHeader = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const modals_1 = require("../state/modals");
const CancelButton_1 = require("./NewComposition/CancelButton");
const layout_1 = require("./layout");
const container = {
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
padding: '12px 16px',
width: '100%',
borderBottom: '1px solid black',
};
const titleStyle = {
fontSize: 14,
color: 'white',
};
const icon = {
height: 20,
width: 20,
};
const ModalHeader = ({ title, onClose }) => {
const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
const onPress = (0, react_1.useCallback)(() => {
setSelectedModal(null);
}, [setSelectedModal]);
return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("div", { style: titleStyle, children: title }), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}), (0, jsx_runtime_1.jsx)(CancelButton_1.CancelButton, { style: icon, onPress: onClose !== null && onClose !== void 0 ? onClose : onPress })] }));
};
exports.ModalHeader = ModalHeader;