aboutsummaryrefslogtreecommitdiff
path: root/src/components/common/ActionForm.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/common/ActionForm.tsx')
-rw-r--r--src/components/common/ActionForm.tsx15
1 files changed, 15 insertions, 0 deletions
diff --git a/src/components/common/ActionForm.tsx b/src/components/common/ActionForm.tsx
new file mode 100644
index 0000000..c6f44e8
--- /dev/null
+++ b/src/components/common/ActionForm.tsx
@@ -0,0 +1,15 @@
+import { Column, Row, Text } from '@umami/react-zen';
+
+export function ActionForm({ label, description, children }) {
+ return (
+ <Row alignItems="center" justifyContent="space-between" gap>
+ <Column gap="2">
+ <Text weight="bold">{label}</Text>
+ <Text color="muted">{description}</Text>
+ </Column>
+ <Row alignItems="center" gap>
+ {children}
+ </Row>
+ </Row>
+ );
+}