New source found from dndbeyond.com

2026-07-08 01:00:09 -07:00
parent 9a983a6d7b
commit dcefa0d2f2
2865 changed files with 222467 additions and 49053 deletions
@@ -0,0 +1,48 @@
+import clsx from "clsx";
+import { FC } from "react";
+
+import { Select } from "~/components/Select";
+import { SelectProps } from "~/components/Select/Select";
+
+import styles from "./styles.module.css";
+
+interface Props extends SelectProps {
+  label: string;
+  description?: string;
+}
+export const SelectField: FC<Props> = ({
+  value,
+  className,
+  description,
+  label,
+  options,
+  onChange,
+  onChangeConfirm,
+  hidePlaceholderOption,
+  placeholder,
+  name,
+}) => {
+  return (
+    <div
+      className={clsx([styles.selectField, className])}
+      data-testid="select-field-container"
+    >
+      <div>
+        <label className={styles.label} htmlFor={name}>
+          {label}
+        </label>
+        {description && <div className={styles.description}>{description}</div>}
+      </div>
+      <Select
+        className={styles.field}
+        options={options}
+        onChange={onChange}
+        onChangeConfirm={onChangeConfirm}
+        value={value}
+        hidePlaceholderOption={hidePlaceholderOption}
+        placeholder={placeholder}
+        name={name}
+      />
+    </div>
+  );
+};