JSFiddle - React, Tailwind, and code Playground

by Egor Jvechkin

HTML

<div class=".company-listing-switcher">
 
</div>

SCSS

.company-listing-switcher {
  height: 35px; line-height: 35px; text-align: center; background: color-calc(black, 95);
  .cl-wrap {
    position: relative;
    &.active:after { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 3px; background: color-calc(amber, 0); }
  }
  .cl-switch { color: #55585E; font-size: 14px; }
 }