Init

Preview: http://dashboards.webkom.co/react/airframe

app/routes/components/SearchResults/SearchResultsHeader.js

@@ -0,0 +1,35 @@
+import React from 'react';
+
+import { 
+    InputGroup,
+    InputGroupAddon,
+    Input,
+    Button,
+} from './../../../components';
+
+const SearchResultsHeader = () => (
+    <React.Fragment>
+        <div className="mb-4">
+            <h4 className="mt-2 mb-3">
+                <small className="mr-1">
+                    Search Results for
+                </small> "Content Designer" 
+                <small className="mr-2">
+                    <small className="ml-3">
+                        About 1,370 result (0.13 seconds)
+                    </small>
+                </small>
+            </h4>
+            <InputGroup>
+                <Input placeholder="Search for..." className="bg-white" />
+                <InputGroupAddon addonType="append">
+                    <Button color="primary">
+                        <i className="fa fa-search"></i>
+                    </Button>
+                </InputGroupAddon>
+            </InputGroup>
+        </div>
+    </React.Fragment>
+)
+
+export { SearchResultsHeader };