<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<div class="choice">
    <div class="custom-control custom-checkbox">
    <input type="checkbox"
           class="checkbox form-check-input custom-control-input"
           data-bind="
           checked: value,
           attr: {
                id: uid,
                disabled: disabled,
                name: inputName,
                'aria-describedby': getDescriptionId(),
                'aria-required': required,
                'aria-invalid': error() ? true : 'false'
                },
           hasFocus: focused">

    <label class="form-check-label custom-control-label" data-bind="checked: value, attr: { for: uid }">
        <span data-bind="text: description || label"></span>
    </label>

    <!-- ko if: notice -->
        <div class="field-note" data-bind="attr: {id: noticeId}"><span data-bind="text: notice"></span></div>
    <!-- /ko -->
    </div>
</div>
