import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import classNames from 'classnames';
export function DetailRow({ label, sublabel, onClick, children, }) {
    return (_jsxs("div", { className: classNames('seam-detail-row', {
            'seam-detail-row-clickable': onClick != null,
        }), onClick: onClick, children: [_jsxs("div", { className: 'seam-detail-row-label-wrap', children: [_jsx("p", { className: 'seam-row-label', children: label }), sublabel != null && _jsx("p", { className: 'seam-row-sublabel', children: sublabel })] }), _jsx("div", { className: 'seam-detail-row-right-area-content', children: children })] }));
}
//# sourceMappingURL=DetailRow.js.map