Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | 188x | import React from "react";
import {
GiveDraggableFixedHeaderWrapper,
GiveDraggableSection,
} from "./atoms.components";
import { CustomHeaderRightIcon } from "@features/GiveConversation/types";
interface Props {
LeftHeaderSection: () => JSX.Element;
StickySection: () => JSX.Element;
handleClose?: () => void;
toggleResize?: () => void;
customHeaderRightIcons?: CustomHeaderRightIcon[];
showHeaderBorder?: boolean;
isDraggable?: boolean;
isExpanded?: boolean;
}
function GiveDraggableModalHeader({
LeftHeaderSection,
StickySection,
toggleResize,
handleClose,
customHeaderRightIcons,
isDraggable,
isExpanded,
showHeaderBorder,
}: Props) {
return (
<GiveDraggableFixedHeaderWrapper showHeaderBorder={showHeaderBorder}>
<GiveDraggableSection
handleClose={handleClose}
toggleResize={toggleResize}
isDraggable={isDraggable}
isExpanded={isExpanded}
customHeaderRightIcons={customHeaderRightIcons}
>
<LeftHeaderSection />
</GiveDraggableSection>
<StickySection />
</GiveDraggableFixedHeaderWrapper>
);
}
export default GiveDraggableModalHeader;
|