docs(Address): add story

.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<script>
+  window.global = window;
+</script>

src/components/Address/Address.tsx

@@ -1,13 +1,15 @@
-import { Address } from "@yext/types";
+import { Address as AddressType } from "@yext/types";
 import { AddressLine } from "./AddressLine";
 import { localeAddressFormat } from "./i18n";
 
 /**
  * The shape of the data passed to {@link Address}
+ *
+ * @public
  */
 export interface AddressProps {
   /** The address field from Knowledge Graph. */
-  address: Address;
+  address: AddressType;
 }
 
 /**

tests/components/Address.stories.tsx

@@ -0,0 +1,19 @@
+import { ComponentMeta } from "@storybook/react";
+import { Optional } from "../types";
+import { Address, AddressProps } from "../../src/components/Address/Address";
+import { US_ADDRESS, BR_ADDRESS } from "../__fixtures__/km/address";
+
+const meta: ComponentMeta<typeof Address> = {
+  title: "components/Address",
+  component: Address,
+};
+
+export default meta;
+
+export const Primary = (args: Optional<AddressProps>) => {
+  return <Address address={US_ADDRESS} {...args} />;
+};
+
+export const Brazil = (args: Optional<AddressProps>) => {
+  return <Address address={BR_ADDRESS} {...args} />;
+};

tests/types.ts

@@ -0,0 +1 @@
+export type Optional<Type> = { [Key in keyof Type]?: Type[Key] };