<script type="module">
    import { renderW9Collection } from "https://js.withabound.com/latest-major/abound-client-sdk.js";
  
    // define your brand's theme object
    const yourBrandsTheme = {
        color: {
            background: "#ffffff",
        },
        shape: {
            cornerRadius: "3px",
        },
        text: {
            size: "16px",
        },
        button: {
            color: {
                activeBackground: "#655BEF",
            },
        },
    };
  
  	// define your brand's custom text content object
  	const yourBrandsContent = {
    		submitButton: "Complete",
  			loadingButton: "In Progress",
  			loadingPrompt: "Please Wait",
      	errorMessage: "Incorrect",
    };

    renderW9Collection({
        accessToken: "<<testAccessToken_v4>>",
        theme: yourBrandsTheme, // add your custom theme to the render method parameters.
      	content: yourBrandsContent // add your custom content to the render method parameters.
    });
</script>

import SwiftUI
import Abound

@main
struct MyApp: App {
    public static func main() {
            Abound.accessToken = "<<testAccessToken_v4>>"
        }
    
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct ContentView: View {
    
   private var yourBrandsTheme = AboundTheme(
        text:AboundThemeText(size:"16px"),
        color: AboundThemeColor(background: "#FFFF00"),
        shape:AboundThemeShape(componentCornerRadius: "16px"),
        button: AboundThemeButton(colorActiveBackground: "#655BEF")
    )
  
    var body: some View {
        Text("Tax Profile")
        TaxProfile(theme: self.yourBrandsTheme)
    }
}