import React from "react";
import { SafeAreaProvider } from "react-native-safe-area-context";
import { action } from "storybook/actions";
import {
  AtlantisOverlayProvider,
  ButtonGroup,
} from "@jobber/components-native";
import type { ButtonGroupProps } from "../ButtonGroup";

export function ButtonGroupBasicExample(props: Partial<ButtonGroupProps>) {
  return (
    <SafeAreaProvider>
      <AtlantisOverlayProvider>
        <ButtonGroup {...props}>
          <ButtonGroup.PrimaryAction
            label={"Create"}
            icon={"plus"}
            onPress={() => action("console.log")("create")}
          />
          <ButtonGroup.PrimaryAction
            label={"Edit"}
            icon={"edit"}
            onPress={() => action("console.log")("edit")}
          />
          <ButtonGroup.SecondaryAction
            label={"Delete"}
            icon={"trash"}
            onPress={() => action("console.log")("delete")}
          />
        </ButtonGroup>
      </AtlantisOverlayProvider>
    </SafeAreaProvider>
  );
}