tanmoyopenroot 6dac916033 fix(uid-input): add right padding if contains some right adornment
Signed-off-by: tanmoyopenroot <tanmoy.openroot@gmail.com>
2020-10-04 12:37:52 +05:30

27 lines
492 B
JavaScript

import styled from 'styled-components';
import { InputText } from '@buffetjs/core';
import { colors } from '@buffetjs/styles';
/* eslint-disable indent */
const InputUID = styled(InputText)`
width: 100%;
${({ containsEndAdornment }) =>
containsEndAdornment &&
`
> input {
padding-right: calc(40px + 1rem);
}
`}
${({ error }) =>
error &&
`
> input {
border-color: ${colors.darkOrange};
}
`}
`;
export default InputUID;