给出票价想法的示例图像：
我有两个主要组成部分
- 第一个组件 ( NewsFeed ) 默认状态是展开大小 (1000px)
- 第二个组件 ( Chat ) 默认状态为折叠(200px)，其中只有带有姓名的人头像显示在列表中。
两个 Chat 子组件
- PeopleList呈现人员列表。默认状态为visible，大小为 200px （使聊天组件的大小处于折叠状态。）
- ChatBox呈现用户和她的人之间的对话。默认状态为hidden，大小为 400px。
设想
- 单击聊天组件中的人名将展开它，显示附加到 PeopleList 右侧的ChatBox组件，其中Chat声明更改为展开，ChatBox状态变为可见，将NewsFeed组件更改为其折叠状态，其大小减小以容纳聊天组件处于新状态（扩展）。
谢谢。