dev: hello world

ui/HeaderButton/index.tsx

@@ -0,0 +1,27 @@
+type HeaderButtonProps = {
+  Icon: (
+    props: React.SVGProps<SVGSVGElement> & {
+      title?: string | undefined;
+      titleId?: string | undefined;
+    }
+  ) => JSX.Element;
+  label: string;
+  action: () => void;
+};
+
+const HeaderButton = ({ Icon, label, action }: HeaderButtonProps) => {
+  return (
+    <>
+      <button
+        type="button"
+        className="bg-theme text-white border border-indigo-600 text-xs flex items-center gap-x-1 p-2 rounded-md font-medium whitespace-nowrap outline-none"
+        onClick={action}
+      >
+        <Icon className="h-4 w-4" />
+        {label}
+      </button>
+    </>
+  );
+};
+
+export default HeaderButton;