<h5 class="post-sidebar__title"> @lang('Post Preview') </h5>
<div class="post-info instagram-post">
    <div class="post-info__top">
        <div class="post-info__thumb">
            <img class="profile" src="" alt="">
        </div>
        <div class="post-info__content">
            <h6 class="post-info__name user_name fs-14"></h6>
            <span class="post-info__time"> @lang('Just Now') </span>
        </div>
    </div>

    <div class="post-info__thumb-wrapper post_media_wrapper media_preview d-none"></div>

    <div class="extra_elements d-none my-3 flex-between">
        <div class="reaction-btn-wrapper m-0">
            <span class="reaction-btn">
                <svg aria-label="Like" class="x1lliihq x1n2onr6 xyb1xck" fill="currentColor" height="24"
                    role="img" viewBox="0 0 24 24" width="24">
                    <path
                        d="M16.792 3.904A4.989 4.989 0 0 1 21.5 9.122c0 3.072-2.652 4.959-5.197 7.222-2.512 2.243-3.865 3.469-4.303 3.752-.477-.309-2.143-1.823-4.303-3.752C5.141 14.072 2.5 12.167 2.5 9.122a4.989 4.989 0 0 1 4.708-5.218 4.21 4.21 0 0 1 3.675 1.941c.84 1.175.98 1.763 1.12 1.763s.278-.588 1.11-1.766a4.17 4.17 0 0 1 3.679-1.938m0-2a6.04 6.04 0 0 0-4.797 2.127 6.052 6.052 0 0 0-4.787-2.127A6.985 6.985 0 0 0 .5 9.122c0 3.61 2.55 5.827 5.015 7.97.283.246.569.494.853.747l1.027.918a44.998 44.998 0 0 0 3.518 3.018 2 2 0 0 0 2.174 0 45.263 45.263 0 0 0 3.626-3.115l.922-.824c.293-.26.59-.519.885-.774 2.334-2.025 4.98-4.32 4.98-7.94a6.985 6.985 0 0 0-6.708-7.218Z">
                    </path>
                </svg>
            </span>
            <span class="reaction-btn">
                <svg aria-label="Comment" class="x1lliihq x1n2onr6 x5n08af" fill="currentColor" height="24"
                    role="img" viewBox="0 0 24 24" width="24">
                    <path d="M20.656 17.008a9.993 9.993 0 1 0-3.59 3.615L22 22Z" fill="none" stroke="currentColor"
                        stroke-linejoin="round" stroke-width="2"></path>
                </svg>
            </span>
            <span class="reaction-btn">
                <svg aria-label="Share" class="x1lliihq x1n2onr6 xyb1xck" fill="currentColor" height="24"
                    role="img" viewBox="0 0 24 24" width="24">
                    <path
                        d="M13.973 20.046 21.77 6.928C22.8 5.195 21.55 3 19.535 3H4.466C2.138 3 .984 5.825 2.646 7.456l4.842 4.752 1.723 7.121c.548 2.266 3.571 2.721 4.762.717Z"
                        fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"></path>
                    <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                        stroke-width="2" x1="7.488" x2="15.515" y1="12.208" y2="7.641"></line>
                </svg>
            </span>
        </div>
        <div class="reaction-btn-wrapper m-0">
            <span class="reaction-btn">
                <svg aria-label="Save" class="x1lliihq x1n2onr6 xyb1xck" fill="currentColor" height="24"
                    role="img" viewBox="0 0 24 24" width="24">
                    <polygon fill="none" points="20 21 12 13.44 4 21 4 3 20 3 20 21" stroke="currentColor"
                        stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polygon>
                </svg>
            </span>
        </div>
    </div>
    <p class="post-info__desc content-preview d-none"></p><br>
    <span class="text--base hashtag-preview d-none"></span>

    <div class="extra_elements d-none">
        <div class="comment-reply">
            <div class="comment-form-wrapper">
                <form class="comment-form" method="post">
                    <div class="position-relative">
                        <textarea class="form--control comment_text" placeholder="@lang('Write a comment')"></textarea>
                        <button class="comment-btn" type="button">
                            @lang('Post')
                        </button>
                    </div>
                </form>
            </div>
            <div class="comment-box__content">

            </div>
        </div>
    </div>
</div>
