shi.gg
The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
1import { cn } from "@/utils/cn";
2import React, { type HTMLProps } from "react";
3
4type Props = HTMLProps<HTMLDivElement> & {
5 children: React.ReactNode;
6 className?: string;
7 small?: boolean;
8 none?: boolean;
9 border?: boolean;
10};
11
12export default function Box({
13 children,
14 className,
15 small = false,
16 none = false,
17 border = true,
18 ...props
19}: Props) {
20 return (
21 <div
22 className={cn(
23 "bg-wamellow rounded-lg",
24 !none && "py-6 px-8 md:py-10 md:px-16",
25 small && "py-4 px-6 md:py-8 md:px-10",
26 border && "",
27 className // border-wamellow-alpha border
28 )}
29 {...props}
30 >
31 {children}
32 </div>
33 );
34}