@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
36 lines • 1.39 kB
JavaScript
import styled from 'styled-components';
import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
export const TextAreaContainerStyled = styled.div `
${({ styles }) => getStyles(styles?.container)};
`;
export const TextAreaBoxStyled = styled.div `
${({ styles }) => getStyles(styles?.labelTextAreaContainer)};
height: ${({ height }) => height};
`;
export const TextAreaStyled = styled.textarea `
resize: ${({ styles }) => styles?.textArea?.resize};
${({ styles }) => getStyles(styles?.textArea)};
${({ styles }) => getTypographyStyles(styles?.textArea)};
height: ${({ height }) => height};
&::placeholder {
${({ styles }) => getTypographyStyles(styles?.placeholder)};
}
`;
export const TextAreaBottomStyled = styled.div `
${({ styles }) => getStyles(styles?.bottomContainer)};
`;
export const HelperTextAndErrorWrapperStyled = styled.div `
${({ styles }) => getStyles(styles?.helpMessageErrorContainer)};
`;
export const ErrorWrapperStyled = styled.div `
${({ styles }) => getStyles(styles?.errorContainer)};
`;
export const TitleWrapperStyled = styled.div `
${({ styles }) => getStyles(styles?.titleContainer)};
`;
export const LabelAndAdditionalInfoContainer = styled.div `
display: flex;
align-items: center;
${({ styles }) => getStyles(styles?.labelAndAdditionalInfoContainer)};
`;
//# sourceMappingURL=textArea.styled.js.map