Sync dashboards

<button className="c-button c-button--white c-button--sm space-x-3">
  <span>Sync dashboard</span>
  <FontAwesomeIcon icon={faLink} className="c-button__icon text-gray-600" />
</button>
<div className="c-dropdown max-w-sm">
  <div className="c-dropdown__title">
    <h5 className="font-semibold mb-1">Sync dashboards</h5>
    <p className="text-gray-700">Make one dashboard available in more apps. Changes in this dashboard will propagate to all synced dashboards. <a href="https://docs.appsignal.com" className="c-link">Learn more</a></p>
  </div>
  <hr className="c-dropdown__divider" />
  <label href="#" className="c-dropdown__item">
    <input type="radio" name="radio" selected="true" />
    <div className="c-dropdown__item-label">
      <h5 className="font-semibold mb-1">Do not sync</h5>
      <p className="text-gray-700">Only show dashboard in this app</p>
    </div>
  </label>
  <label href="#" className="c-dropdown__item">
    <input type="radio" name="radio" />
    <div className="c-dropdown__item-label">
      <h5 className="font-semibold mb-1">Sync to all apps</h5>
      <p className="text-gray-700">Sync to all apps in this organization.</p>
    </div>
  </label>
  <label href="#" className="c-dropdown__item">
    <input type="radio" name="radio" />
    <div className="c-dropdown__item-label">
      <h5 className="font-semibold mb-1">Sync to environments</h5>
      <p className="text-gray-700">Sync to all other environments for this application.</p>
    </div>
  </label>
  <label href="#" className="c-dropdown__item">
    <input type="radio" name="radio" />
    <div className="c-dropdown__item-label">
      <h5 className="font-semibold mb-1">Sync to selected apps</h5>
      <p className="text-gray-700">
        Select applications below.
        <a href="#" className="c-link mx-2">All</a>
        <a href="#" className="c-link">None</a>
      </p>
      <label class="c-checkbox">
        <input class="c-checkbox__input" type="checkbox" id="checkbox_1" name="checkbox_1" value="value" />
        Test
      </label>
      <label class="c-checkbox">
        <input class="c-checkbox__input" type="checkbox" id="checkbox_2" name="checkbox_2" value="value" checked />
        Test
      </label>
    </div>
  </label>

</div>

<button className="c-button c-button--white c-button--sm space-x-3">
  <span>Sync dashboard</span>
  <FontAwesomeIcon icon={faLink} className="c-button__icon text-gray-600" />
</button>
<div className="c-dropdown max-w-xs">
  <div className="c-dropdown__title">
    <h5 className="font-semibold mb-1">Sync dashboards</h5>
    <p className="text-gray-700">Make one dashboard available in more apps. Changes in this dashboard will propagate to all synced dashboards. <a href="https://docs.appsignal.com" className="c-link">Learn more</a></p>
  </div>
  <hr className="c-dropdown__divider" />
  <label className="c-dropdown__item">
    <input type="radio" name="masteroption" />
    <span className="c-dropdown__item-label">Do not sync</span>
  </label>
  <label className="c-dropdown__item">
    <input type="radio" name="masteroption" />
    <span className="c-dropdown__item-label">Sync to all apps</span>
  </label>
  <label className="c-dropdown__item">
    <input type="radio" name="masteroption" />
    <span className="c-dropdown__item-label">Sync to selection</span>
  </label>
  <hr className="c-dropdown__divider" />
  <label className="c-dropdown__item">
    <input type="checkbox" name="namelist" />
    <span className="c-dropdown__item-label">Option 01</span>
  </label>
  <label className="c-dropdown__item">
    <input type="checkbox" name="namelist" />
    <span className="c-dropdown__item-label">Option 02</span>
  </label>
  <label className="c-dropdown__item">
    <input type="checkbox" name="namelist" />
    <span className="c-dropdown__item-label">Option 03</span>
  </label>
</div>