@use "../../foundations/helpers/forward.helpers.scss" as *;

.ds-divider {
  margin: 0;
  padding: ds-spacing($ds-s-100 0);

  hr {
    margin: 0 auto;
    border: none;
    background-color: $ds-color-border-primary;
    height: ds-border-width(xxs);
    width: 100%;
  }
}

.ds-divider--soft hr {
  background-color: $ds-color-border-primary;
}
.ds-divider--medium hr {
  background-color: $ds-color-border-primary-strong;
}
.ds-divider--strong hr {
  background-color: $ds-color-border-primary-strongest;
}