add Progress

fibo · May 19, 2024 · df4cbd6 · df4cbd6
1 parent dc2af57
commit df4cbd6
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/src/react.tsx b/src/react.tsx
@@ -1,4 +1,9 @@
-import { FC, HTMLAttributes, PropsWithChildren } from "react"
+import {
+  FC,
+  PropsWithChildren,
+  HTMLAttributes,
+  ProgressHTMLAttributes,
+} from "react"
 import { ClassnamesArg, classnames } from "./classnames.js"
 import { ClassNames as Bulma } from "./bulma.js"
 
@@ -13,3 +18,14 @@ export const Div: FC<
     {children}
   </div>
 )
+
+export const Progress: FC<
+  PropsWithChildren<ProgressHTMLAttributes<HTMLProgressElement> & BulmaProp>
+> = ({ bulma, className, children, ...props }) => (
+  <progress
+    className={classnames<string>(className, "progress", bulma)}
+    {...props}
+  >
+    {children}
+  </progress>
+)