import { jsx as _jsx } from "react/jsx-runtime";
import { useMemo } from 'react';
import { classNames } from '../utils/classNames';
import { bulletListClassnames } from './constants';
import { List, Wrapper } from './styles';
/**
 * Список элементов с маркерами
 */
export const BulletList = (props) => {
    const { children, hideFirstBullet, className } = props;
    const classnames = useMemo(() => classNames(className, bulletListClassnames.root, {
        [bulletListClassnames.hideFirstBullet]: hideFirstBullet,
    }), [hideFirstBullet]);
    return (_jsx(Wrapper, { children: _jsx(List, { className: classnames, children: children }) }));
};
