controls cf #29

src/components/Control/Control.tsx

@@ -0,0 +1,24 @@
+import { Layout } from "antd"
+import { CSSProperties, ReactNode } from "react"
+
+const {Header} = Layout
+
+interface IControlProps {
+    children: ReactNode;
+    style?:CSSProperties
+}
+
+/*
+* Composant destiné à recevoir un Form avec les contrôles de la page
+*/
+const Control: React.FC<IControlProps> = ({ children, style = {} }) => {
+  return (
+    <Header
+      style={{padding: 12, position: "sticky", top: 0, zIndex: 1, backgroundColor: "#fff", ...style}} 
+    >
+        {children}
+    </Header>
+  );
+};
+
+export default Control;

src/index.ts

@@ -16,8 +16,9 @@ import LoadingContainer  from "./components/LoadingContainer/LoadingContainer"
 import FlipCard from "./components/FlipCard/FlipCard"
 import Attribution from "./components/Attributions/Attributions"
 import NextPrevSelect from "./components/NextPrevSelect/NextPrevSelect"
+import Control from "./components/Control/Control";
 
-export { KeyFigure, DashboardElement, LoadingContainer, FlipCard, Attribution, NextPrevSelect } 
+export { KeyFigure, DashboardElement, LoadingContainer, FlipCard, Attribution, NextPrevSelect, Control } 
 
 
 // DataProviders
@@ -28,4 +29,4 @@ export {WfsProvider, DatafairProvider}
 
 
 // Types
-export type { SimpleRecord } from "./types"
+export type { SimpleRecord } from "./types"