Fixed title bar position

Added style prop for content

README.md

@@ -73,6 +73,7 @@ A floating window which can be dragged, minimized, maximized and moved across.
 |**left**|number|0|✗|Left position of window with repect to parent element in px|
 |**resizable**|boolean|false|✗|Make window resizable of not|
 |**titleBar**|object| |✗|Refer [Title Bar props](./README.md#title-bar-properties)|
+|**style**|object|{}|&cross|CSS styles applied to content window|
 
 ### Title Bar properties
 

src/Window.css

@@ -2,7 +2,7 @@ div.window-container {
   position: absolute;
   border: solid 1px black;
   --tilebar-height: 32px;
-  overflow: auto;
+  overflow: hidden;
   display: flex;
   flex-direction: column;
 }
@@ -13,9 +13,7 @@ div.window-container > div.title-bar {
   display: flex;
   flex-direction: row;
   cursor: default;
-  position: fixed;
-  top: 0;
-  left: 0;
+  position: static;
 }
 
 div.window-container > div.title-bar > span.icon {
@@ -68,4 +66,5 @@ div.window-container
 div.window-container > div.content {
   all: initial;
   background-color: white;
+  overflow: scroll;
 }

src/Window.tsx

@@ -18,6 +18,7 @@ interface WindowProps {
       close?: () => void;
     };
   };
+  style?: React.CSSProperties;
 }
 
 const nextZIndex: () => number = () => {
@@ -57,6 +58,7 @@ const Window: React.FC<WindowProps> = (props: WindowProps) => {
         },
         props.titleBar
       ),
+      style: {},
     },
     props
   );
@@ -253,6 +255,7 @@ const Window: React.FC<WindowProps> = (props: WindowProps) => {
         style={{
           height: contentDisplay ? "auto" : 0,
           opacity: visibility,
+          ...properties.style,
         }}
       >
         {properties.children}