<template>
  <div class="instrument-entry">
    <h4
      class="instrument-entry__category"
      data-cy="instrument-subheader"
    >
      ...
    </h4>
    <h3 class="instrument-entry__title">...</h3>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
@import 'styles/helpers';

.instrument-entry {
  padding: $medium-spacing;
  margin-bottom: $medium-spacing;
  border-radius: 8px;
  background-color: $color-silver-light;

  $root: &;

  &__title {
    @include heading-3;
    margin-bottom: 0;
    overflow-wrap: break-word;
    color: $color-silver-light;
  }

  &__category {
    @include sub-heading;
    margin-bottom: $small-spacing;
    color: $color-silver-light;
  }
}
</style>
