feat: login & home
This commit is contained in:
20
src/components/FormControl/ErrorMessage.tsx
Normal file
20
src/components/FormControl/ErrorMessage.tsx
Normal file
@ -0,0 +1,20 @@
|
||||
import React, { FC, PropsWithChildren } from 'react'
|
||||
import { InfoCircleOutlined } from '@ant-design/icons'
|
||||
import styled from 'styled-components'
|
||||
|
||||
const StyledIcon = styled(InfoCircleOutlined)`
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
|
||||
${props => props.theme.breakpoints.down('s')} {
|
||||
font-size: 8px;
|
||||
margin-right: 4px;
|
||||
line-height: 10px;
|
||||
}
|
||||
`
|
||||
export const ErrorMessage: FC<PropsWithChildren<{ message?: string }>> = ({ message, children }) => {
|
||||
return <><StyledIcon />{children || message}</>
|
||||
}
|
Reference in New Issue
Block a user