import type { ComponentProps } from "react";
import React from "react";
import { Banner, Text, TextList } from "@jobber/components-native";

export function BannerErrorDetailsExample(
  props: Partial<ComponentProps<typeof Banner>>,
) {
  const listItems = [
    "This client already exists",
    "This phone number doesn't receive SMS",
  ];

  return (
    <Banner type="error" icon="alert" {...props}>
      <Text level="text">There was an error submitting your form:</Text>
      <TextList level="text" items={listItems} />
    </Banner>
  );
}