This commit is contained in:
Hunter Thornsberry
2024-08-10 19:07:02 -04:00
parent 1eedb6d97b
commit e7892fd6a0
6 changed files with 52 additions and 41 deletions
+20 -8
View File
@@ -10,8 +10,7 @@ import {
SelectValue,
} from "@components/UI/Select.js";
export interface GeneratorProps
extends React.BaseHTMLAttributes<HTMLElement> {
export interface GeneratorProps extends React.BaseHTMLAttributes<HTMLElement> {
devicePSKBitCount?: number;
value: string;
variant: "default" | "invalid";
@@ -21,17 +20,25 @@ export interface GeneratorProps
buttonClick: React.MouseEventHandler<HTMLButtonElement>;
}
const Generator = React.forwardRef<HTMLInputElement, GeneratorProps>(
(
{ devicePSKBitCount, variant, value, buttonText, selectChange, inputChange, buttonClick, ...props },
{
devicePSKBitCount,
variant,
value,
buttonText,
selectChange,
inputChange,
buttonClick,
...props
},
ref,
) => {
return (
<>
<Input
type="text"
id="pskInput"
<Input
type="text"
id="pskInput"
variant={variant}
value={value}
onChange={inputChange}
@@ -55,7 +62,12 @@ const Generator = React.forwardRef<HTMLInputElement, GeneratorProps>(
</SelectItem>
</SelectContent>
</Select>
<Button type="button" variant="success" onClick={buttonClick} {...props}>
<Button
type="button"
variant="success"
onClick={buttonClick}
{...props}
>
{buttonText}
</Button>
</>