From b0dbcb8f0686b2e901ddee7f7e3597e2f66b0095 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 15 Oct 2020 17:21:46 -0700
Subject: [PATCH] docs: use AspectRatio from library

---
 docs/src/components/AspectRatio.svelte | 16 ----------------
 docs/src/components/TileCard.svelte    |  3 +--
 2 files changed, 1 insertion(+), 18 deletions(-)
 delete mode 100644 docs/src/components/AspectRatio.svelte

diff --git a/docs/src/components/AspectRatio.svelte b/docs/src/components/AspectRatio.svelte
deleted file mode 100644
index 592ed2f4..00000000
--- a/docs/src/components/AspectRatio.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script>
-  /**
-   * @type {"2x1" | "16x9" | "4x3" | "1x1" | "3x4" | "9x16" | "1x2"}
-   */
-  export let ratio = "2x1";
-</script>
-
-<div
-  {...$$restProps}
-  class:bx--aspect-ratio="{true}"
-  class="bx--aspect-ratio--{ratio} {$$restProps.class}"
->
-  <div class:bx--aspect-ratio--object="{true}">
-    <slot />
-  </div>
-</div>
diff --git a/docs/src/components/TileCard.svelte b/docs/src/components/TileCard.svelte
index 5cf099ef..eadaae87 100644
--- a/docs/src/components/TileCard.svelte
+++ b/docs/src/components/TileCard.svelte
@@ -5,8 +5,7 @@
   export let borderRight = false;
   export let borderBottom = false;
 
-  import { ClickableTile, Tile } from "carbon-components-svelte";
-  import AspectRatio from "./AspectRatio.svelte";
+  import { AspectRatio, ClickableTile, Tile } from "carbon-components-svelte";
   import LogoGithub32 from "carbon-icons-svelte/lib/LogoGithub32";
   import Launch20 from "carbon-icons-svelte/lib/Launch20";