import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { StyledButton } from '../../Button/partials/StyledButton';
var color = selectors.color,
  shadow = selectors.shadow;
export var StyledButtonGroup = styled.div.withConfig({
  displayName: "StyledButtonGroup",
  componentId: "sc-11uk5a8-0"
})(["position:relative;z-index:0;display:inline-block;border-radius:4px;", "{background-color:", ";border-radius:0;border:1px solid ", ";box-shadow:", ";margin-right:-1px;position:relative;z-index:1;&:first-child{border-radius:4px 0 0 4px;}&:last-child{border-radius:0 4px 4px 0;margin-right:0;}&:hover,&:focus{background-color:", ";color:", ";box-shadow:", ";z-index:2;}&[disabled]{z-index:0;color:", ";background-color:", ";border:1px solid ", ";box-shadow:none;}}"], StyledButton, color('neutral', 'white'), color('neutral', '200'), shadow('2'), color('neutral', '100'), color('neutral', '600'), shadow('2'), color('neutral', '300'), color('neutral', '000'), color('neutral', '200'));