import React from "react";
import type { ComponentProps } from "react";
import { View } from "react-native";
import { ActionLabel, useAtlantisTheme } from "@jobber/components-native";

export function ActionLabelDarkBackgroundExample(
  props: Partial<ComponentProps<typeof ActionLabel>>,
) {
  const { children, ...actionLabelProps } = props;
  const { tokens } = useAtlantisTheme();
  console.log({ tokens });

  return (
    <View
      style={{
        backgroundColor: tokens["color-surface--reverse"],
        padding: tokens["space-base"],
      }}
    >
      <ActionLabel variation="onPrimary" {...actionLabelProps}>
        {children ?? "Light Me Up"}
      </ActionLabel>
    </View>
  );
}