diff --git a/src/ui/layout/components/ctext.rs b/src/ui/layout/components/ctext.rs
new file mode 100644
index 0000000..b1ad689
--- /dev/null
+++ b/src/ui/layout/components/ctext.rs
@@ -0,0 +1,214 @@
+//! ## CText
+//!
+//! `CText` component renders a simple readonly no event associated centered text
+
+/*
+*
+* Copyright (C) 2020-2021 Christian Visintin - christian.visintin1997@gmail.com
+*
+* This file is part of "TermSCP"
+*
+* TermSCP is free software: you can redistribute it and/or modify
+* it under the terms of the GNU General Public License as published by
+* the Free Software Foundation, either version 3 of the License, or
+* (at your option) any later version.
+*
+* TermSCP is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+* GNU General Public License for more details.
+*
+* You should have received a copy of the GNU General Public License
+* along with TermSCP. If not, see .
+*
+*/
+
+// locals
+use super::{Canvas, Component, InputEvent, Msg, Payload, PropValue, Props, PropsBuilder};
+use crate::utils::fmt::align_text_center;
+// ext
+use tui::{
+ layout::Rect,
+ style::Style,
+ text::{Span, Spans, Text as TuiText},
+ widgets::Paragraph,
+};
+
+// -- state
+
+struct OwnStates {
+ focus: bool,
+ width: u16,
+}
+
+impl OwnStates {
+ fn new(width: u16) -> Self {
+ Self {
+ focus: false,
+ width,
+ }
+ }
+}
+
+// -- component
+
+pub struct CText {
+ props: Props,
+ states: OwnStates,
+}
+
+impl CText {
+ /// ### new
+ ///
+ /// Instantiate a new Text component
+ pub fn new(props: Props) -> Self {
+ // Get width
+ let width: u16 = match props.value {
+ PropValue::Unsigned(w) => w as u16,
+ _ => 0,
+ };
+ CText {
+ props,
+ states: OwnStates::new(width),
+ }
+ }
+}
+
+impl Component for CText {
+ /// ### render
+ ///
+ /// Based on the current properties and states, renders a widget using the provided render engine in the provided Area
+ /// If focused, cursor is also set (if supported by widget)
+ #[cfg(not(tarpaulin_include))]
+ fn render(&self, render: &mut Canvas, area: Rect) {
+ // Make a Span
+ if self.props.visible {
+ let spans: Vec = match self.props.texts.rows.as_ref() {
+ None => Vec::new(),
+ Some(rows) => rows
+ .iter()
+ .map(|x| {
+ Span::styled(
+ align_text_center(x.content.as_str(), self.states.width),
+ Style::default()
+ .add_modifier(x.get_modifiers())
+ .fg(x.fg)
+ .bg(x.bg),
+ )
+ })
+ .collect(),
+ };
+ // Make text
+ let mut text: TuiText = TuiText::from(Spans::from(spans));
+ // Apply style
+ text.patch_style(
+ Style::default()
+ .add_modifier(self.props.get_modifiers())
+ .fg(self.props.foreground)
+ .bg(self.props.background),
+ );
+ render.render_widget(Paragraph::new(text), area);
+ }
+ }
+
+ /// ### update
+ ///
+ /// Update component properties
+ /// Properties should first be retrieved through `get_props` which creates a builder from
+ /// existing properties and then edited before calling update.
+ /// Returns a Msg to the view
+ fn update(&mut self, props: Props) -> Msg {
+ self.props = props;
+ // Return None
+ Msg::None
+ }
+
+ /// ### get_props
+ ///
+ /// Returns a props builder starting from component properties.
+ /// This returns a prop builder in order to make easier to create
+ /// new properties for the element.
+ fn get_props(&self) -> PropsBuilder {
+ PropsBuilder::from(self.props.clone())
+ }
+
+ /// ### on
+ ///
+ /// Handle input event and update internal states.
+ /// Returns a Msg to the view.
+ /// Returns always None, since cannot have any focus
+ fn on(&mut self, ev: InputEvent) -> Msg {
+ // Return key
+ if let InputEvent::Key(key) = ev {
+ Msg::OnKey(key)
+ } else {
+ Msg::None
+ }
+ }
+
+ /// ### get_value
+ ///
+ /// Get current value from component
+ /// For this component returns always None
+ fn get_value(&self) -> Payload {
+ Payload::None
+ }
+
+ // -- events
+
+ /// ### blur
+ ///
+ /// Blur component
+ fn blur(&mut self) {
+ self.states.focus = false;
+ }
+
+ /// ### active
+ ///
+ /// Active component
+ fn active(&mut self) {
+ self.states.focus = true;
+ }
+}
+
+#[cfg(test)]
+mod tests {
+
+ use super::*;
+ use crate::ui::layout::props::{TextParts, TextSpan, TextSpanBuilder};
+
+ use crossterm::event::{KeyCode, KeyEvent};
+ use tui::style::Color;
+
+ #[test]
+ fn test_ui_layout_components_ctext() {
+ let mut component: CText = CText::new(
+ PropsBuilder::default()
+ .with_texts(TextParts::new(
+ None,
+ Some(vec![
+ TextSpan::from("Press "),
+ TextSpanBuilder::new("")
+ .with_foreground(Color::Cyan)
+ .bold()
+ .build(),
+ TextSpan::from(" to quit"),
+ ]),
+ ))
+ .build(),
+ );
+ // Focus
+ assert_eq!(component.states.focus, false);
+ component.active();
+ assert_eq!(component.states.focus, true);
+ component.blur();
+ assert_eq!(component.states.focus, false);
+ // Get value
+ assert_eq!(component.get_value(), Payload::None);
+ // Event
+ assert_eq!(
+ component.on(InputEvent::Key(KeyEvent::from(KeyCode::Delete))),
+ Msg::OnKey(KeyEvent::from(KeyCode::Delete))
+ );
+ }
+}
diff --git a/src/ui/layout/components/mod.rs b/src/ui/layout/components/mod.rs
index 4592dc0..1fc30fb 100644
--- a/src/ui/layout/components/mod.rs
+++ b/src/ui/layout/components/mod.rs
@@ -28,6 +28,7 @@ use super::{Canvas, Component, InputEvent, Msg, Payload, PropValue, Props, Props
// exports
pub mod bookmark_list;
+pub mod ctext;
pub mod file_list;
pub mod input;
pub mod logbox;