"use client";
import React, { forwardRef, type Ref, type SVGProps } from "react";
import { useId } from "./util/useId";
interface SVGRProps {
  title?: string;
  titleId?: string;
}
const SvgPassport = forwardRef(({
  title,
  titleId: _titleId,
  ...props
}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
  let titleId: string | undefined = useId();
  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M4.25 3A.75.75 0 0 1 5 2.25h12A2.75 2.75 0 0 1 19.75 5v14A2.75 2.75 0 0 1 17 21.75H5a.75.75 0 0 1-.75-.75zm1.5.75v16.5H17c.69 0 1.25-.56 1.25-1.25V5c0-.69-.56-1.25-1.25-1.25zm3.22 3.22a.75.75 0 0 1 .53-.22h5a.75.75 0 0 1 .75.75V11c0 .592-.248 1.092-.546 1.48a4.7 4.7 0 0 1-1.024.947 7.7 7.7 0 0 1-1.361.753l-.028.011-.008.003-.003.002L12 13.5l-.279.696h-.001l-.003-.002-.008-.003-.027-.011a6 6 0 0 1-.408-.189 8 8 0 0 1-.954-.564 4.7 4.7 0 0 1-1.024-.946c-.299-.389-.546-.89-.546-1.481V7.5c0-.198.079-.39.22-.53m2.751 7.226L12 13.5c.278.696.28.696.28.696a.75.75 0 0 1-.559 0M10.25 8.25V11c0 .158.065.345.235.566.171.223.418.438.695.632.274.192.552.345.765.451l.055.028.055-.027c.213-.107.491-.26.765-.452.277-.194.524-.41.695-.632.17-.22.235-.408.235-.566V8.25zm-.75 8a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5z" clipRule="evenodd" /></svg>;
});
export default SvgPassport;