1 files changed, 28 insertions, 0 deletions
diff --git a/devtools/client/debugger/src/components/shared/BracketArrow.js b/devtools/client/debugger/src/components/shared/BracketArrow.js
new file mode 100644
index 0000000000..2e0c3fbf0e
--- /dev/null
+++ b/devtools/client/debugger/src/components/shared/BracketArrow.js
@@ -0,0 +1,28 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+
+import React from "react";
+import PropTypes from "prop-types";
+
+const classnames = require("devtools/client/shared/classnames.js");
+
+import "./BracketArrow.css";
+
+const BracketArrow = ({ orientation, left, top, bottom }) => {
+  return (
+    <div
+      className={classnames("bracket-arrow", orientation || "up")}
+      style={{ left, top, bottom }}
+    />
+  );
+};
+
+BracketArrow.propTypes = {
+  bottom: PropTypes.number,
+  left: PropTypes.number,
+  orientation: PropTypes.string.isRequired,
+  top: PropTypes.number,
+};
+
+export default BracketArrow;