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

export function ActionItemInteractiveChildrenExample(
  props: Partial<ActionItemProps>,
) {
  return (
    <Card>
      <ActionItem
        icon="presentation"
        actionIcon="link"
        onPress={() => action("alert")("Tapped the entire action item")}
        {...props}
      >
        <Content spacing="none">
          <Text>You can tap this link or the whole ActionItem</Text>
          <AutoLink>{"www.getjobber.com"}</AutoLink>
        </Content>
      </ActionItem>
    </Card>
  );
}