@spaced-out/ui-design-system/lib/components/ButtonTabs/ButtonTabs.module.css

Sense UI components library

@value (
  colorBackgroundTertiary
) from '../../styles/variables/_color.css';
@value (
  size42, 
  size34, 
  sizeFluid
) from '../../styles/variables/_size.css';
@value (
  borderRadiusMedium
) from '../../styles/variables/_border.css';

.buttonTabsWrapper {
  display: flex;
  background-color: colorBackgroundTertiary;
  align-items: center;
  width: fit-content;
  border-radius: borderRadiusMedium;
}

.buttonTabsWrapper.medium {
  height: size42;
}

.buttonTabsWrapper.small {
  height: size34;
}

.buttonTabsWrapper.isFluid {
  width: sizeFluid;
}