import*as e from"react";import o from"styled-components";function i(r){return e.createElement(t,null,r.label?e.createElement("span",null,r.label):null,e.createElement(l,{...r.inputProps}))}const l=o.input`
  border: 1px solid var(--border-color-primary);
  padding: var(--spacing-sm);
  border-radius: var(--border-radius);
  width: 100%;
  height: 48px;
  display: block;
  outline-color: var(--color-primary-base, var(--color-blueberry-6));
  transition: outline 0.25s ease;
`,t=o.label`
  color: var(--text-color-primary);
  span {
    font-size: 0.9em;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: var(--font-weight-bold);
  }
`;export{i as TextField};
