"use client";

import { Dot } from "@karma/icon";
import * as React from "react";

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

export const InputOTPSeparator = React.forwardRef<
  React.ElementRef<"div">,
  InputOTPSeparatorProps
>(({ ...props }, ref) => (
  <div ref={ref} role="separator" {...props}>
    <Dot />
  </div>
));
InputOTPSeparator.displayName = "InputOTPSeparator";