import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function SectionCard({ title, children }) {
    return (_jsxs("div", { style: {
            background: "var(--v-card)",
            border: "1px solid var(--v-border)",
            borderRadius: 12,
            padding: 24,
        }, children: [_jsx("h3", { style: {
                    fontSize: 11,
                    fontWeight: 700,
                    textTransform: "uppercase",
                    letterSpacing: 2.5,
                    color: "var(--v-muted-fg)",
                    marginBottom: 16,
                }, children: title }), children] }));
}
