import React from "react";
import type { ComponentProps } from "react";
import { action } from "storybook/actions";
import { InputPressable } from "@jobber/components-native";

type InputPressableProps = ComponentProps<typeof InputPressable>;

export function InputPressablePrefixOrSuffix(
  props: Partial<InputPressableProps>,
) {
  return (
    <InputPressable
      placeholder="Selected date"
      value="2021-01-01"
      prefix={{ icon: "calendar" }}
      onPress={() => action("alert")("📅")}
      {...props}
    />
  );
}