อ้างอิง Viewports

import { useExtensionContext } from "@stripe/ui-extension-sdk/context";
import { Box, Heading, Button } from "@stripe/ui-extension-sdk/ui";

const CustomerBrevoView = () => {
  const { environment } = useExtensionContext();
  const customer = environment.objectContext;

  return (
    <Box>
      <Heading>Brevo Sync Status</Heading>
      <Box>Customer ID: {customer.id}</Box>
      <Button onPress={() => syncToBrevo(customer.id)}>
        Sync to Brevo
      </Button>
    </Box>
  );
};

export default CustomerBrevoView;