20 lines
509 B
TypeScript
20 lines
509 B
TypeScript
|
import React, { forwardRef } from "react";
|
||
|
|
|
||
|
|
import { InputField, UnstyledSelect } from "../../..";
|
||
|
|
import type { InputFieldProps } from "./types";
|
||
|
|
|
||
|
|
export const InputFieldWithSelect = forwardRef<
|
||
|
|
HTMLInputElement,
|
||
|
|
InputFieldProps & { selectProps: typeof UnstyledSelect }
|
||
|
|
>(function EmailField(props, ref) {
|
||
|
|
return (
|
||
|
|
<InputField
|
||
|
|
ref={ref}
|
||
|
|
{...props}
|
||
|
|
inputIsFullWidth={false}
|
||
|
|
addOnClassname="!px-0"
|
||
|
|
addOnSuffix={<UnstyledSelect {...props.selectProps} />}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
});
|