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

export function BannerDismissibleExample(
  props: Partial<ComponentProps<typeof Banner>>,
) {
  return (
    <Banner
      type="notice"
      dismissible
      onDismiss={() => action("alert")("Banner dismissed")}
      {...props}
    >
      {props.children ?? "Your import is in progress"}
    </Banner>
  );
}