MsgContainer.tsx 563 B

1234567891011121314151617181920212223242526272829
  1. interface IWidget {
  2. children?: React.ReactNode;
  3. }
  4. const MsgContainer = ({ children }: IWidget) => {
  5. return (
  6. <div
  7. style={{
  8. display: "flex",
  9. justifyContent: "flex-start",
  10. }}
  11. >
  12. <div
  13. style={{
  14. maxWidth: "95%",
  15. color: "black",
  16. borderRadius: "8px",
  17. padding: "16px",
  18. border: "none",
  19. boxShadow: "0 1px 2px rgba(0, 0, 0, 0.03)",
  20. textAlign: "left",
  21. }}
  22. >
  23. {children}
  24. </div>
  25. </div>
  26. );
  27. };
  28. export default MsgContainer;