export const ExerciseTab = () => (

  <div>
    <div>
      <div class="text-[10px] font-bold tracking-widest uppercase text-primary px-1 mb-1">Chest</div>
      <div class="bg-base-200 border border-base-300 rounded-xl p-3 mb-2">
        <div class="font-medium text-sm">Bench Press</div>
        <div class="text-xs text-base-content/50 mt-0.5">3 sets to start</div>
      </div>
      <div class="bg-base-200 border border-base-300 rounded-xl p-3">
        <div class="font-medium text-sm">Incline DB Press</div>
        <div class="text-xs text-base-content/50 mt-0.5">3 sets to start</div>
      </div>
    </div>

    <div>
      <div class="text-[10px] font-bold tracking-widest uppercase text-primary px-1 mb-1">Shoulders</div>
      <div class="bg-base-200 border border-base-300 rounded-xl p-3">
        <div class="font-medium text-sm">Cable Lateral Raise</div>
        <div class="text-xs text-base-content/50 mt-0.5">3 sets to start</div>
      </div>
    </div>

    <div>
      <div class="text-[10px] font-bold tracking-widest uppercase text-primary px-1 mb-1">Triceps</div>
      <div class="bg-base-200 border border-base-300 rounded-xl p-3">
        <div class="font-medium text-sm">Tricep Pushdown</div>
        <div class="text-xs text-base-content/50 mt-0.5">3 sets to start</div>
      </div>
    </div>
  </div>
)