import { styled } from 'styled-components';
import { Text } from '../../atoms/text/index.js';

/**
 * @component
 * @private
 */
const FormMessage = styled(Text).withConfig({
  displayName: "form-message__FormMessage",
  componentId: "sc-ns8om8-0"
})(["box-sizing:border-box;vertical-align:middle;height:", ";margin:", " 0 0;font-weight:normal;font-size:", ";"], ({
  theme
}) => theme.space.xl, ({
  theme
}) => theme.space.sm, ({
  theme
}) => theme.fontSizes.sm);
export default FormMessage;