import React from "react";
import { action } from "storybook/actions";
import {
  ActionItem,
  ActionItemGroup,
  Card,
  Text,
} from "@jobber/components-native";

export function ActionItemGroupBasicExample() {
  return (
    <ActionItemGroup>
      <Card>
        <ActionItem
          title={"Request #13"}
          icon={"request"}
          onPress={() => action("alert")("request")}
        />
        <ActionItem
          title={"Quote #64"}
          icon={"quote"}
          onPress={() => action("alert")("quote")}
        />
        <ActionItem
          title={"Job #12"}
          icon={"job"}
          onPress={() => action("alert")("job")}
        />
        <ActionItem
          title={"Invoice #72"}
          icon={"invoice"}
          onPress={() => action("alert")("invoice")}
        >
          <Text>$250.00</Text>
        </ActionItem>
      </Card>
    </ActionItemGroup>
  );
}