import React from 'react';
import classnames from 'classnames';
import Divider from '@mui/material/Divider';
import { useStyles } from './styles';
export var LineDecorator = function (_a) {
    var _b, _c, _d;
    var className = _a.className, children = _a.children, plain = _a.plain, first = _a.first, last = _a.last, transparent = _a.transparent, divider = _a.divider;
    var styles = useStyles();
    return (React.createElement("div", { className: classnames(className, styles.decorator) },
        React.createElement("div", { className: classnames(styles.lineBlock, (_b = {}, _b[styles.withLinePadding] = first, _b)) }, !transparent && (React.createElement(React.Fragment, null,
            React.createElement("div", { className: styles.noLine }),
            React.createElement("div", { className: classnames(styles.line, (_c = {}, _c[styles.plain] = plain, _c), (_d = {}, _d[styles.last] = last, _d)) })))),
        React.createElement("div", { className: styles.content },
            children,
            divider && React.createElement(Divider, { className: styles.rowDivider, light: true, variant: "inset" }))));
};
