scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add semantics

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-07-08 10:27:03 +02:00
parent f82e598820
commit 23711466de
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/HotelReservation/SelectHotel/HotelCard/index.tsx
View File

@@ -11,13 +11,13 @@ import styles from "./hotelCard.module.css"
export default function HotelCard({ hotel }: HotelCardData) { export default function HotelCard({ hotel }: HotelCardData) {
return ( return (
<div className={styles.card}> <article className={styles.card}>
<Image src="" alt="hotel image" className={styles.image} /> <Image src="" alt="hotel image" className={styles.image} />
<div className={styles.information}> <div className={styles.information}>
<div className={styles.title}> <header className={styles.title}>
<ScandicLogoIcon color="red" /> <ScandicLogoIcon color="red" />
<Title as="h4">{hotel.name}</Title> <Title as="h4">{hotel.name}</Title>
</div> </header>
<div className={styles.description}> <div className={styles.description}>
<span>{hotel.address}</span> <span>{hotel.address}</span>
<span>{hotel.description}</span> <span>{hotel.description}</span>
@@ -27,7 +27,7 @@ export default function HotelCard({ hotel }: HotelCardData) {
<Chip key={`chip-${index}`}>{chip}</Chip> <Chip key={`chip-${index}`}>{chip}</Chip>
))} ))}
</div> </div>
<div className={styles.booking}> <footer className={styles.booking}>
<Button <Button
theme="base" theme="base"
intent="primary" intent="primary"
@@ -39,8 +39,8 @@ export default function HotelCard({ hotel }: HotelCardData) {
<Body color="burgundy"> <Body color="burgundy">
<span>{hotel.rooms}</span> <span>{hotel.rooms}</span>
</Body> </Body>
</div> </footer>
</div> </div>
</div> </article>
) )
} }