1 import {TextInput as PrimerTextInput, themeGet} from '@primer/react'
2 import styled from 'styled-components'
3
4 const TextInput = styled(PrimerTextInput)`
5 /* The font-size of inputs should never be less than 16px.
6 * Otherwise, iOS browsers will zoom in when the input is focused.
7 * TODO: Update font-size of TextInput in @primer/react.
8 */
9 input {
10 font-size: ${themeGet('fontSizes.2')} !important;
11 color: ${themeGet('colors.fg.default')} !important;
12 }
13
14 input::placeholder {
15 color: ${themeGet('colors.fg.default')} !important;
16 }
17 `
18 export default TextInput