diff --git a/libs/remix-ui/statusbar/src/index.ts b/libs/remix-ui/statusbar/src/index.ts
new file mode 100644
index 0000000000..9c8a70edde
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/index.ts
@@ -0,0 +1,2 @@
+export * from './lib/remixui-statusbar-panel'
+export { StatusBarInterface } from './lib/types'
diff --git a/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx b/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx
new file mode 100644
index 0000000000..0aa9b5a6e6
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function GitStatus() {
+ return (
+
+
Git Status
+
+ )
+}
diff --git a/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx b/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx
new file mode 100644
index 0000000000..1d4b7fca52
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import { StatusBarInterface } from './types'
+import GitStatus from './components/gitStatus'
+
+export interface RemixUIStatusBarProps {
+ statusBarPlugin: StatusBarInterface
+}
+
+export function RemixUIStatusBar ({ statusBarPlugin }: RemixUIStatusBarProps) {
+ return (
+
+
+
+ )
+}
diff --git a/libs/remix-ui/statusbar/src/lib/types/index.ts b/libs/remix-ui/statusbar/src/lib/types/index.ts
new file mode 100644
index 0000000000..3bb309f618
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/types/index.ts
@@ -0,0 +1,19 @@
+import EventEmitter from 'events'
+export interface PluginProfile {
+ name: string
+ displayName: string
+ description: string
+ keywords?: string[]
+ icon?: string
+ url?: string
+ methods?: string[]
+ events?: string[]
+ version?: string
+}
+
+export interface StatusBarInterface extends Plugin {
+ htmlElement: HTMLDivElement
+ events: EventEmitter
+ dispatch: React.Dispatch
+ setDispatch(dispatch: React.Dispatch): void
+}