Fix/linting * fix import issues and add lint check no-extraneous-dependencies * fix use type HotelType instead of string Approved-by: Anton Gunnarsson
26 lines
710 B
TypeScript
26 lines
710 B
TypeScript
import { useIntl } from 'react-intl'
|
|
|
|
import { MaterialIcon } from '../../Icons/MaterialIcon'
|
|
import { Typography } from '../../Typography'
|
|
|
|
import styles from './noPriceAvailable.module.css'
|
|
|
|
export function NoPriceAvailableCard() {
|
|
const intl = useIntl()
|
|
return (
|
|
<div className={styles.priceCard}>
|
|
<div className={styles.noRooms}>
|
|
<MaterialIcon icon="error" color="Icon/Feedback/Error" />
|
|
<Typography variant="Body/Paragraph/mdRegular">
|
|
<span>
|
|
{intl.formatMessage({
|
|
defaultMessage:
|
|
'There are no rooms available that match your request.',
|
|
})}
|
|
</span>
|
|
</Typography>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|