import React from 'react';
import { st, classes } from './Field.st.css.js';
import { dataHooks } from '../../constants';
const Field = ({ noPadding = false, divider = 'auto', dataHook, children, }) => {
    return (React.createElement("div", { className: st(classes.root, {
            padded: !noPadding,
            divider: String(divider),
        }), "data-hook": dataHook || dataHooks.sidePanelField, "data-hoverable-action-trigger": true }, children));
};
Field.displayName = 'Field';
export default Field;
//# sourceMappingURL=Field.js.map