import React from "react";
import { View } from "react-native";
import { action } from "storybook/actions";
import type { ComponentProps } from "react";
import { Chip } from "@jobber/components-native";

export function ChipInactiveBackgroundColorExample(
  props: Partial<ComponentProps<typeof Chip>>,
) {
  return (
    <View style={{ display: "flex", flexDirection: "row" }}>
      <Chip
        label="Inactive Chip"
        accent="client"
        icon="clients"
        onPress={() => action("alert")("Clients")}
        accessibilityLabel="Select clients"
        inactiveBackgroundColor="surface"
        {...props}
      />
    </View>
  );
}