Files
web/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/index.tsx
Joakim Jäderberg 80c3327419 Merged in fix/linting (pull request #2708)
Fix/linting

* fix import issues and add lint check no-extraneous-dependencies
* fix use type HotelType instead of string

Approved-by: Anton Gunnarsson
2025-08-27 09:22:37 +00:00

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>
)
}