import type { PropsWithChildren } from "react";

type Props = PropsWithChildren & {};

export default function EmailRoot({ children }: Props) {
    const divider = (
        <hr
            style={{
                opacity: 0.4,
            }}
        />
    );

    return (
        <div>
            <span
                style={{
                    fontSize: "14px",
                    fontWeight: "600",
                    opacity: 0.5,
                }}
            >
                Wireguard UI Mailer
            </span>
            {divider}
            <div>{children}</div>
            {divider}
        </div>
    );
}