<?php
/**
 * @var $id string
 * @var $val string
 * @var $slug string
 * @var $default string
 */
?>
<input type="color" name="<?= $slug ?>[<?= $id ?>]" id="<?= $slug ?>_<?= $id ?>" value="<?= esc_attr($val ?: ($default ?? '#333333')) ?>" style="width:60px;height:34px;padding:2px;cursor:pointer;">
<?php if (!empty($description)) { ?>
    <p class="description" id="<?= $id ?>-description"><?= $description ?></p>
<?php } ?>
