import type { Ref } from 'react';
import type { InputProps as AriaInputProps } from 'react-aria-components';
import { Input as AriaInput } from 'react-aria-components';

import { twMerge } from 'tailwind-merge';

import style from './style';

export interface InputProps extends AriaInputProps {
  className?: string;
  ref?: Ref<HTMLInputElement>;
}
export default function Input(props: InputProps) {
  const { className, ...restProps } = props;
  return <AriaInput className={twMerge(style().input(), className)} {...restProps} />;
}