@remotion/studio
Version:
APIs for interacting with the Remotion Studio
35 lines (34 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 layout_1 = require("./layout");
const CancelButton_1 = require("./NewComposition/CancelButton");
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 (jsx_runtime_1.jsxs("div", { style: container, children: [
jsx_runtime_1.jsx("div", { style: titleStyle, children: title }), jsx_runtime_1.jsx(layout_1.Flex, {}), jsx_runtime_1.jsx(CancelButton_1.CancelButton, { style: icon, onPress: onClose !== null && onClose !== void 0 ? onClose : onPress })
] }));
};
exports.ModalHeader = ModalHeader;