Extract Story into separate story crate (#3378)

This PR extracts the `Story` component into a separate `story` crate so
that it can be shared among various crates that define stories.

Release Notes:

- N/A

---------

Co-authored-by: Nate Butler <iamnbutler@gmail.com>

crates/story/Cargo.toml

@@ -0,0 +1,10 @@
+[package]
+name = "story"
+version = "0.1.0"
+edition = "2021"
+publish = false
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+gpui = { package = "gpui2", path = "../gpui2" }

crates/story/src/lib.rs

@@ -0,0 +1,3 @@
+mod story;
+
+pub use story::*;

crates/story/src/story.rs

@@ -0,0 +1,35 @@
+use gpui::prelude::*;
+use gpui::{div, hsla, Div, SharedString};
+
+pub struct Story {}
+
+impl Story {
+    pub fn container() -> Div {
+        div().size_full().flex().flex_col().pt_2().px_4().bg(hsla(
+            0. / 360.,
+            0. / 100.,
+            100. / 100.,
+            1.,
+        ))
+    }
+
+    pub fn title(title: impl Into<SharedString>) -> impl Element {
+        div()
+            .text_xl()
+            .text_color(hsla(0. / 360., 0. / 100., 0. / 100., 1.))
+            .child(title.into())
+    }
+
+    pub fn title_for<T>() -> impl Element {
+        Self::title(std::any::type_name::<T>())
+    }
+
+    pub fn label(label: impl Into<SharedString>) -> impl Element {
+        div()
+            .mt_4()
+            .mb_2()
+            .text_xs()
+            .text_color(hsla(0. / 360., 0. / 100., 0. / 100., 1.))
+            .child(label.into())
+    }
+}