Add a Comments Component

[adityaxpique]

The signature of time picker component should be as follows:-

type CommentsProps = {
       styles: React.CSSProperties;
       custom: { 
        comments: {
               //Name of the guy commenting.
               name: string;
               //The time at which reply was done
               dateTime: string;
                       //The comment text 
                       text: string;
               replies: {
                 // Name of the guy replying.
                 name: string;
                 // URL to redirect where the item will redirect.
                 reply: string;
                }[];
           }[]
       };
};

export const CommentsProps: React.FC<CommentsProps> = React.forwardRef(
  (ref, props) => {
    return <div></div>;
  }
);

The design reference-

[corners2wall]

Check this before contribute

[darshitac11]

Bumping up this prior discussion around why we try to avoid using libraries while adding a new component to the framework: https://github.com/Atri-Labs/atrilabs-engine/discussions/216

[corners2wall]

It's not just about using the library. The link can be used as a help for contribute.

[darshitac11]

Yes, of course and thanks for sharing the link.

I just wanted to clarify since our first instinct is usually to use a library - a few PRs last week had to be redone because of this reason.

[darshitac11]

@all-contributors please add @corners2wall for research

[allcontributors[bot]]

@darshitac11

I've put up a pull request to add @corners2wall! :tada:

[Jitulteron7]

@darshitac11 mam plz assign me for this issue

[PrinsonF77]

@darshitac11 Can you please assign this issue to me. It would also be great if I can get some direction on how or where to get started with this as it's my first time contributing to open source. Thank you!