import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Typography } from '../Typography';
import { IconWrapper, ItemWrapper, Wrapper } from './styles';
import { useLogic } from './useLogic';
export const DescriptionCell = ({ title, icon, subtitle, iconPosition = 'left', }) => {
    const { classnames } = useLogic({ icon, iconPosition });
    return (_jsxs(Wrapper, { className: classnames, children: [_jsx(IconWrapper, { children: icon }), _jsxs(ItemWrapper, { children: [_jsx(Typography, { children: title }), subtitle && (_jsx(Typography, { color: "textSecondary", variant: "caption", children: subtitle }))] })] }));
};
