summaryrefslogtreecommitdiff
path: root/bs5/universal/native/shared/Arrow.re
diff options
context:
space:
mode:
Diffstat (limited to 'bs5/universal/native/shared/Arrow.re')
-rw-r--r--bs5/universal/native/shared/Arrow.re27
1 files changed, 27 insertions, 0 deletions
diff --git a/bs5/universal/native/shared/Arrow.re b/bs5/universal/native/shared/Arrow.re
new file mode 100644
index 0000000..5c49a58
--- /dev/null
+++ b/bs5/universal/native/shared/Arrow.re
@@ -0,0 +1,27 @@
+type direction =
+ | Left
+ | Right;
+
+[@react.component]
+let make = (~direction: direction=Right) => {
+ <svg
+ className={Cx.make([
+ "w-3 h-3 ms-2",
+ switch (direction) {
+ | Left => "transform -rotate-180"
+ | Right => ""
+ },
+ ])}
+ ariaHidden=true
+ xmlns="http://www.w3.org/2000/svg"
+ fill="none"
+ viewBox="0 0 14 10">
+ <path
+ stroke="currentColor"
+ strokeLinecap="round"
+ strokeLinejoin="round"
+ strokeWidth="2"
+ d="M1 5h12m0 0L9 1m4 4L9 9"
+ />
+ </svg>;
+};