feat(dialog): export components from the BaseDialog

Export components from the `BaseDialog` in order to be able
to build the custom Dialogs

Author: Anton Bilovus

packages/core/src/Dialog/BaseDialog.tsx

@@ -41,15 +41,15 @@ const Container = styled.div<{ readonly width: DialogWidth }>`
   background-color: ${({ theme }) => theme.color.background00()};
 `
 
-const Header = styled.div`
+export const DialogHeader = styled.div`
   display: flex;
   flex: none;
   z-index: 1;
   min-height: 64px;
   max-height: 96px;
 `
 
-const Content = styled.div`
+export const DialogContent = styled.div`
   box-sizing: border-box;
   flex-grow: 1;
   flex-shrink: 1;
@@ -61,7 +61,7 @@ const Content = styled.div`
   overflow: auto;
 `
 
-const Footer = styled.div`
+export const DialogFooter = styled.div`
   height: ${BOTTOM_HEIGHT};
   display: flex;
   flex: none;
@@ -98,9 +98,9 @@ export const BaseDialog: React.FC<BaseDialogProps> = ({
   <Modal {...modalProps}>
     <Paper>
       <Container width={width}>
-        {header !== null ? <Header>{header}</Header> : null}
-        <Content>{children}</Content>
-        <Footer>{footer}</Footer>
+        {header !== null ? <DialogHeader>{header}</DialogHeader> : null}
+        <DialogContent>{children}</DialogContent>
+        <DialogFooter>{footer}</DialogFooter>
       </Container>
     </Paper>
   </Modal>