Proyectos de Subversion LeadersLinked - Backend

import React from "react";

const FeedShare = () => {

    const onClickHandler = () => {
        console.log("Open modal")
    };

    return (
        <div className="card card-body">
            <div className="d-flex mb-3">
                <div className="avatar avatar-xs me-2">
                    <img className="avatar-img rounded-circle" src="" alt="" />
                </div>
                <form className="w-100">
                    <textarea
                        className="form-control pe-4 border-0"
                        rows="2"
                        data-autoresize=""
                        placeholder="¿Qué tienes en mente?"
                        onClick={(e) => onClickHandler()}
                    />
                </form>
            </div>
            <div class="d-flex justify-content-between">
                <ul className="nav nav-pills nav-stack small fw-normal">
                    <li className="nav-item mr-2">
                        <button
                            className="btn nav-link bg-light py-1 px-2 mb-0"
                            style={{ fontSize: '.9rem' }}
                        >
                            <i className="fa fa-image mr-2" />
                            Photo
                        </button>
                    </li>
                    <li className="nav-item mr-2">
                        <button
                            className="btn nav-link bg-light py-1 px-2 mb-0"
                            style={{ fontSize: '.9rem' }}
                        >
                            <i className="fa fa-video-camera mr-2" />
                            Video
                        </button>
                    </li>
                    <li className="nav-item mr-2">
                        <button
                            className="btn nav-link bg-light py-1 px-2 mb-0"
                            style={{ fontSize: '.9rem' }}
                        >
                            <i className="fa fa-file mr-2" />
                            File
                        </button>
                    </li>
                </ul>
                <button
                    className="btn btn-sm btn-primary"
                    type="button"
                    id="btn-description-main"
                    onClick={(e) => onClickHandler()}
                >
                    <i className="fa fa-pencil fa-fw" />
                    Compartir
                </button>
            </div>
        </div >
    );
};


export default FeedShare