// Used on create page for tag input, title input, etc.
// Can be used for other things!
import * as React from 'react';
import { twMerge } from 'tailwind-merge';

function TextInput({
  className,
  type,
  ...props
}: React.ComponentProps<'input'>) {
  return (
    <input
      type={type}
      data-slot='input'
      className={twMerge(
        'h-12 w-full rounded-2xl bg-background-primary px-4 outline-none',
        className
      )}
      {...props}
    />
  );
}

export { TextInput };