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

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