The Universal Collateral Layer

import { AnvilProvider, CreateLOCFlow } from '@anvil/sdk';
import { AnvilSDK, testnetProfile, type LOCConfig } from '@anvil/sdk/core';

// Terms your product sets. The form shows them and nobody can change
// them; the customer picks the amount and what backs it.
const locConfig: LOCConfig = {
  beneficiary: { value: '0x45f53BE3459Cd14324967e8EAe6d8965DE611625' },
  expiration: { value: new Date('2027-06-30T12:00:00Z') },
};

const sdk = new AnvilSDK({
  profile: testnetProfile,
  publicClient,
  locConfig,
});

export function GuaranteeYourBooking() {
  return (
    <AnvilProvider sdk={sdk}>
      <CreateLOCFlow
        createOnly
        title="Guarantee your booking"
        description="Reserve the amount instead of paying it upfront."
      />
    </AnvilProvider>
  );
}