Refactor block component

This commit is contained in:
Reiss Cashmore 2023-10-30 14:39:31 +00:00
parent b710f45b46
commit 74a194fe53
2 changed files with 15 additions and 16 deletions

View File

@ -1,6 +1,5 @@
import { useState, useEffect } from "react";
import Block from "./components/block";
import classNames from "classnames";
import Container from "components/services/widget/container";
@ -53,3 +52,17 @@ export default function Component({ service }) {
</Container>
);
}
function Block({ children }) {
return (
<div
className={classNames(
"bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center text-center p-1",
"service-block"
)}
>
{children}
</div>
);
}

View File

@ -1,14 +0,0 @@
import classNames from "classnames";
export default function Block({ children }) {
return (
<div
className={classNames(
"bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center text-center p-1",
"service-block"
)}
>
{children}
</div>
);
}