Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { InputBase, styled } from '@mui/material'

const AppInput = styled(InputBase)(({ theme }) => ({
  borderRadius: 4,
  position: 'relative',
  backgroundColor: theme.palette.background.default,
  border: `1px solid var(--border-primary)`,
  fontSize: 14,
  padding: '10px 12px',
  marginBottom: theme.spacing(1),
  transition: theme.transitions.create([
    'border-color',
    'background-color',
    'box-shadow'
  ]),
  '& + p': {
    marginBottom: theme.spacing(1)
  },
  'p + &': {
    marginBottom: theme.spacing(0)
  },
  '& svg': {
    fontSize: '1.3rem'
  },
  '& .MuiInputBase-input': {
    padding: 0
  }
}))

const Input = ({ ...props }) => {
  return <AppInput {...props} />
}

export default Input