text: #include "selfdrive/ui/qt/widgets/controls.h"
  
  #include <QPainter>
  #include <QStyleOption>
  
  QFrame *horizontal_line(QWidget *parent) {
    QFrame *line = new QFrame(parent);
    line->setFrameShape(QFrame::StyledPanel);
    line->setStyleSheet(R"(
      margin-left: 40px;
      margin-right: 40px;
      border-width: 1px;
      border-bottom-style: solid;
      border-color: gray;
    )");
    line->setFixedHeight(2);
    return line;
  }
  
  AbstractControl::AbstractControl(const QString &title, const QString &desc, const QString &icon, QWidget *parent) : QFrame(parent) {
    setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Minimum);
    
    QVBoxLayout *main_layout = new QVBoxLayout(this);
    main_layout->setMargin(0);
  
    hlayout = new QHBoxLayout;
    hlayout->setMargin(0);
    hlayout->setSpacing(20);
  
    // left icon
    if (!icon.isEmpty()) {
      QPixmap pix(icon);
      QLabel *icon_label = new QLabel();
      icon_label->setPixmap(pix.scaledToWidth(80, Qt::SmoothTransformation));
      icon_label->setSizePolicy(QSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed));
      hlayout->addWidget(icon_label);
    }
  
    // title
    title_label = new QPushButton(title);
    title_label->setFixedHeight(120);
    title_label->setStyleSheet("font-size: 50px; font-weight: 400; text-align: left");
    hlayout->addWidget(title_label);
  
    main_layout->addLayout(hlayout);
  
    // description
    if (!desc.isEmpty()) {
      description = new QLabel(desc);
      description->setContentsMargins(40, 20, 40, 20);
      description->setStyleSheet("font-size: 40px; color: grey");
      description->setWordWrap(true);
      description->setVisible(false);
      main_layout->addWidget(description);
  
      connect(title_label, &QPushButton::clicked, [=]() {
        if (!description->isVisible()) {
          emit showDescription();
        }
        description->setVisible(!description->isVisible());
      });
    }
    main_layout->addStretch();
  }
  
  void AbstractControl::hideEvent(QHideEvent *e) {
    if(description != nullptr) {
      description->hide();
    }
  }
  
  // controls
  
  ButtonControl::ButtonControl(const QString &title, const QString &text, const QString &desc, QWidget *parent) : AbstractControl(title, desc, "", parent) {
    btn.setText(text);
    btn.setStyleSheet(R"(
      QPushButton {
        padding: 0;
        border-radius: 50px;
        font-size: 35px;
        font-weight: 500;
        color: #E4E4E4;
        background-color: #393939;
      }
      QPushButton:pressed {
        background-color: #4a4a4a;
      }
      QPushButton:disabled {
        color: #33E4E4E4;
      }
    )");
    btn.setFixedSize(250, 100);
    QObject::connect(&btn, &QPushButton::clicked, this, &ButtonControl::clicked);
    hlayout->addWidget(&btn);
  }
  
  // ElidedLabel
  
  ElidedLabel::ElidedLabel(QWidget *parent) : ElidedLabel({}, parent) {}
  
  ElidedLabel::ElidedLabel(const QString &text, QWidget *parent) : QLabel(text.trimmed(), parent) {
    setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
    setMinimumWidth(1);
  }
  
  void ElidedLabel::resizeEvent(QResizeEvent* event) {
    QLabel::resizeEvent(event);
    lastText_ = elidedText_ = "";
  }
  
  void ElidedLabel::paintEvent(QPaintEvent *event) {
    const QString curText = text();
    if (curText != lastText_) {
      elidedText_ = fontMetrics().elidedText(curText, Qt::ElideRight, contentsRect().width());
      lastText_ = curText;
    }
  
    QPainter painter(this);
    drawFrame(&painter);
    QStyleOption opt;
    opt.initFrom(this);
    style()->drawItemText(&painter, contentsRect(), alignment(), opt.palette, isEnabled(), elidedText_, foregroundRole());
  }
  
  ClickableWidget::ClickableWidget(QWidget *parent) : QWidget(parent) { }
  
  void ClickableWidget::mouseReleaseEvent(QMouseEvent *event) {
    emit clicked();
  }
  
  // Fix stylesheets
  void ClickableWidget::paintEvent(QPaintEvent *) {
    QStyleOption opt;
    opt.init(this);
    QPainter p(this);
    style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
  }
  