<StyleguideExample @title="<ChatComposer>">
  <Styleguide::Component>
    <Chat::Composer::Channel
      @channel={{this.channel}}
      @onSendMessage={{this.onSendMessage}}
    />
  </Styleguide::Component>

  <Styleguide::Controls>
    <Styleguide::Controls::Row @name="Disabled">
      <DToggleSwitch
        @state={{this.channel.isReadOnly}}
        {{on "click" this.toggleDisabled}}
      />
    </Styleguide::Controls::Row>
    <Styleguide::Controls::Row @name="Sending">
      <DToggleSwitch
        @state={{this.chatChannelPane.sending}}
        {{on "click" this.toggleSending}}
      />
    </Styleguide::Controls::Row>
  </Styleguide::Controls>
</StyleguideExample>