1use gpui::{
 2    blue, div, green, red, white, Div, HighlightStyle, InteractiveText, ParentElement, Render,
 3    Styled, StyledText, View, VisualContext, WindowContext,
 4};
 5use ui::v_stack;
 6
 7pub struct TextStory;
 8
 9impl TextStory {
10    pub fn view(cx: &mut WindowContext) -> View<Self> {
11        cx.build_view(|_cx| Self)
12    }
13}
14
15impl Render for TextStory {
16    type Element = Div;
17
18    fn render(&mut self, cx: &mut gpui::ViewContext<Self>) -> Self::Element {
19        v_stack()
20            .bg(blue())
21            .child(
22                div()
23                    .flex()
24                    .child(div().max_w_96().bg(white()).child(concat!(
25        "max-width: 96. The quick brown fox jumps over the lazy dog. ",
26        "Meanwhile, the lazy dog decided it was time for a change. ",
27        "He started daily workout routines, ate healthier and became the fastest dog in town.",
28    ))),
29            )
30            .child(div().h_5())
31            .child(div().flex().flex_col().w_96().bg(white()).child(concat!(
32        "flex-col. width: 96; The quick brown fox jumps over the lazy dog. ",
33        "Meanwhile, the lazy dog decided it was time for a change. ",
34        "He started daily workout routines, ate healthier and became the fastest dog in town.",
35    )))
36            .child(div().h_5())
37            .child(
38                div()
39                    .flex()
40                    .child(div().min_w_96().bg(white()).child(concat!(
41    "min-width: 96. The quick brown fox jumps over the lazy dog. ",
42    "Meanwhile, the lazy dog decided it was time for a change. ",
43    "He started daily workout routines, ate healthier and became the fastest dog in town.",
44))))
45            .child(div().h_5())
46            .child(div().flex().w_96().bg(white()).child(div().overflow_hidden().child(concat!(
47        "flex-row. width 96. overflow-hidden. The quick brown fox jumps over the lazy dog. ",
48        "Meanwhile, the lazy dog decided it was time for a change. ",
49        "He started daily workout routines, ate healthier and became the fastest dog in town.",
50    ))))
51            // NOTE: When rendering text in a horizonal flex container,
52            // Taffy will not pass width constraints down from the parent.
53            // To fix this, render text in a praent with overflow: hidden, which
54                    .child(div().h_5())
55                    .child(div().flex().w_96().bg(red()).child(concat!(
56                "flex-row. width 96. The quick brown fox jumps over the lazy dog. ",
57                "Meanwhile, the lazy dog decided it was time for a change. ",
58                "He started daily workout routines, ate healthier and became the fastest dog in town.",
59            ))).child(
60                InteractiveText::new(
61                    "interactive",
62                    StyledText::new("Hello world, how is it going?").with_highlights(&cx.text_style(), [
63                        (6..11, HighlightStyle {
64                            background_color: Some(green()),
65                            ..Default::default()
66                        }),
67                    ]),
68                )
69                .on_click(vec![2..4, 1..3, 7..9], |range_ix, _cx| {
70                    println!("Clicked range {range_ix}");
71                })
72            )
73    }
74}