"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Text = exports.Bullet = exports.BulletWrapper = exports.Wrapper = exports.className = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const TextStyles_1 = require("../../../core/TextStyles");
const Colors_1 = require("../../../core/Colors");
exports.className = {
    itemWrapper: 'comment-item-wrapper',
};
exports.Wrapper = styled_1.default.div `
	display: flex;
`;
exports.BulletWrapper = styled_1.default.div `
	min-width: 16px;
	min-height: 16px;
	max-width: 16px;
	max-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
`;
exports.Bullet = styled_1.default.div `
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: ${Colors_1.basicColors.gray400};
`;
exports.Text = styled_1.default.div `
	color: ${Colors_1.basicColors.gray400} !important;
	${TextStyles_1.typography.body2};
	white-space: pre-wrap;
`;
