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

export function InputFieldWrapperPrefixAndSuffix(
  props: Partial<InputFieldWrapperProps>,
) {
  return (
    <InputFieldWrapper
      placeholder="Invoice Total"
      prefix={{ label: "$", icon: "invoice" }}
      placeholderMode="mini"
      {...props}
    >
      {props.children}
    </InputFieldWrapper>
  );
}