import React from "react";
import { InputFieldWrapper } from "@jobber/components-native";
import type { InputFieldWrapperProps } from "@jobber/components-native";

export function InputFieldWrapperDisabled(
  props: Partial<InputFieldWrapperProps>,
) {
  return (
    <InputFieldWrapper
      placeholder="Enter a value in cents"
      prefix={{ icon: "invoice" }}
      disabled={true}
      {...props}
    >
      {props.children}
    </InputFieldWrapper>
  );
}