import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { StyledInput } from '../../../TextInput/partials/StyledInput';
import { StyledOuterWrapper } from '../../../TextInput/partials/StyledOuterWrapper';
import { StyledTextInput } from '../../../TextInput/partials/StyledTextInput';
var zIndex = selectors.zIndex,
  color = selectors.color,
  spacing = selectors.spacing;
export var StyledForm = styled.form.withConfig({
  displayName: "StyledForm",
  componentId: "sc-1px4af3-0"
})(["z-index:", ";display:flex;align-items:center;background-color:", ";height:59px;", "{margin:0;flex-grow:1;}", "{border:0;background:transparent;align-items:center;justify-content:center;box-shadow:none;}", "{padding:", ";color:", ";background-color:transparent;border:0;&::placeholder{color:", ";}}"], zIndex('overlay', 1), color('neutral', '400'), StyledTextInput, StyledOuterWrapper, StyledInput, spacing('8'), color('neutral', 'white'), color('neutral', 'white'));