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

export function EmptyStateBasic(props: Partial<EmptyStateProps>) {
  return (
    <EmptyState
      icon="home"
      title="Title"
      description="Description"
      primaryAction={{
        label: "Click Me",
        onPress: () => {
          action("alert")("👋");
        },
      }}
      secondaryAction={{
        label: "Don't Forget About Me",
        onPress: () => {
          action("alert")("👋");
        },
      }}
      {...props}
    />
  );
}