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

export function BannerDismissibleActionExample(
  props: Partial<ComponentProps<typeof Banner>>,
) {
  return (
    <Banner
      type="notice"
      dismissible
      action={{
        label: "View Plans",
        onPress: () => action("alert")("Plans"),
      }}
      onDismiss={() => action("alert")("Banner dismissed")}
      {...props}
    >
      {props.children ?? "Your trial has been extended!"}
    </Banner>
  );
}