From 3bd2b6a4b65cd25422dc10bf18c74c983164572a Mon Sep 17 00:00:00 2001
From: aleidk <ale.navarro.parra@gmail.com>
Date: Tue, 12 Mar 2024 17:05:13 -0300
Subject: [PATCH] refactor: Remove BackgroundImageDiv component

Component is redundant, move style to CSS class and allows to set the
image via CSS variables
---
 src/components/BackgroundImageDiv.astro | 35 -------------------------
 1 file changed, 35 deletions(-)
 delete mode 100644 src/components/BackgroundImageDiv.astro

diff --git a/src/components/BackgroundImageDiv.astro b/src/components/BackgroundImageDiv.astro
deleted file mode 100644
index 482df85..0000000
--- a/src/components/BackgroundImageDiv.astro
+++ /dev/null
@@ -1,35 +0,0 @@
----
-import { getImage } from 'astro:assets';
-
-interface Props {
-  src: string;
-  width: number;
-  height: number;
-}
-
-const { src, width, height } = Astro.props;
-
-const optimizedBackground = await getImage({
-  src,
-  width,
-  height,
-  format: 'webp',
-});
----
-
-<div id="bg">
-  <slot />
-</div>
-
-<style define:vars={{ bgImage: `url(${optimizedBackground.src})` }}>
-  #bg {
-    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
-      var(--bgImage);
-    background-position: center;
-    background-size: cover;
-    color: var(--prj-bg);
-
-    padding-top: var(--prj-spacing-3);
-    padding-bottom: var(--prj-spacing-3);
-  }
-</style>