import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
import { Box, Text } from "ink";
import { useTheme } from "../theme/theme.js";
/**
 * Reusable frame for diff content — dashed top/bottom borders, no left/right.
 * Matches Claude Code's DiffFrame pattern.
 */
export function DiffFrame({ children, placeholder, }) {
    const theme = useTheme();
    return (_jsx(Box, { flexDirection: "column", borderColor: theme.subtle, borderStyle: "single", borderLeft: false, borderRight: false, children: placeholder ? _jsx(Text, { dimColor: true, children: "..." }) : children }));
}
//# sourceMappingURL=DiffFrame.js.map