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

export function ActionItemInACardExample(props: Partial<ActionItemProps>) {
  return (
    <Card>
      <ActionItem icon="work" onPress={() => action("alert")("👍")} {...props}>
        <Text>Service Checklist</Text>
      </ActionItem>
      <ActionItem
        icon="address"
        onPress={() => action("alert")("👍")}
        {...props}
      >
        <Text>Address</Text>
      </ActionItem>
      <ActionItem
        icon="quote"
        title="Quote #64"
        onPress={() => action("alert")("👍")}
        {...props}
      />
    </Card>
  );
}