"use client";

import { cx } from "@karma/cva";
import * as React from "react";

export type InputOTPGroupProps = React.ComponentPropsWithoutRef<"div">;

export const InputOTPGroup = React.forwardRef<
  React.ElementRef<"div">,
  InputOTPGroupProps
>(({ className, ...props }, ref) => (
  <div ref={ref} className={cx("flex items-center", className)} {...props} />
));
InputOTPGroup.displayName = "InputOTPGroup";