import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { SheetButton } from '../../Sheet/SheetButton';
var spacing = selectors.spacing,
  color = selectors.color;
export var StyledSubNavSheetButton = styled(SheetButton).withConfig({
  displayName: "StyledSubNavSheetButton",
  componentId: "sc-bhpi3t-0"
})(["display:inline-flex;align-items:center;justify-content:center;height:18px;width:18px;padding:0;margin-right:", ";border-radius:2px;border:none;background-color:transparent;overflow:hidden;&:hover{background-color:", ";cursor:pointer;svg{color:", ";}}svg{color:", ";}"], spacing('4'), color('neutral', '400'), color('neutral', 'white'), color('neutral', '100'));