<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
             xmlns:g='urn:import:com.google.gwt.user.client.ui'>

    <ui:with field="themeRes" type="org.rstudio.core.client.theme.res.ThemeResources"/>


   <ui:style>
      .outer {
         width: 100%;
         height: 18px;
         background-color: #ffd;
         border-bottom: 1px solid #bcc1c5;
      }
      .icon {
         margin-top: 2px;
         margin-left: 7px;
      }
      .label {
         font-size: 11px;
         margin-top: 2px;
         color: #555;
      }
      .dismiss {
         margin-top: 4px;
         margin-right: 4px;
   }
   </ui:style>

   <g:FlowPanel>
   <g:DockLayoutPanel ui:field="container_" styleName="{style.outer}">
      <g:west size="26">
         <g:Image ui:field="icon_" styleName="{style.icon}"/>
      </g:west>
      <g:center>
         <g:Label ui:field="label_" styleName="{style.label}" wordWrap="false"/>
      </g:center>
      <g:east size="13">
          <g:Image ui:field="dismiss_"
                   resource="{themeRes.closeTab}"
                   styleName="{style.dismiss}"
                   title="Dismiss"/>
      </g:east>
   </g:DockLayoutPanel>
   </g:FlowPanel>
</ui:UiBinder>