Computed observable in KnockoutJS CSS binding

Here is the code-sample for view code

<p data-bind="text: ClientName, style: { marginLeft: SaveAsDraft ? ‘30px’: ‘0px’}"></p>

If SaveAsDraft is true then icon status images visible margin-left to 30px otherwise visible to 0px.

Here is the code-sample for view model code

var viewModel = function (Status) {

    var self = this;

    self.Status = Status;

    self.ClientName = ko.observable(‘Anil Singh’);

    self.SaveAsDraft = ko.observable(false);

    self.SaveAsDraft = ko.computed(function () {

        if (self.Status == ‘Draft’) {

            return self.SaveAsDraft(true);       

        }

    }, self);

};

ko.applyBindings(new viewModel());