import type { Route } from "../+types/root";
import {CloudServerOutlined} from "@ant-design/icons";
import {Breadcrumb, Typography} from "antd";
import {Outlet} from "react-router";

const { Title } = Typography;

export function meta({}: Route.MetaArgs) {
    return [
        { title: "Smart Proxy Administration" },
        { name: "description", content: "Hi!" },
    ];
}

export default function Proxy() {
    return <>
        <Title><CloudServerOutlined /> Smart Proxy</Title>
        <Breadcrumb items={[{title: "Smart Proxy", href: "/proxy"}]} />
        <Outlet />
    </>;
}