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

feat/SW-843-UI-hotel-card-select-hotel (pull request #887)

Browse Source 
Approved-by: Pontus Dreij
Approved-by: Niclas Edenvin
This commit is contained in:
Bianca Widstam
2024-11-14 09:14:26 +00:00
parent cc7f4e0478
commit 87a89c5d81
32 changed files with 848 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/HotelReservation/TripAdvisorChip/index.tsx Normal file
View File

@@ -0,0 +1,15 @@
import TripAdvisorIcon from "@/components/Icons/TripAdvisor"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import styles from "./tripAdvisorChip.module.css"
import type { TripAdvisorProps } from "@/types/components/hotelReservation/tripAdvisorProps"
export default function TripAdvisorChip({ rating }: TripAdvisorProps) {
return (
<div className={styles.tripAdvisor}>
<TripAdvisorIcon color="burgundy" />
<Caption color="burgundy">{rating}</Caption>
</div>
)
}

11
components/HotelReservation/TripAdvisorChip/tripAdvisorChip.module.css Normal file
View File

@@ -0,0 +1,11 @@
.tripAdvisor {
display: flex;
align-items: center;
gap: var(--Spacing-x-half);
background-color: var(--Base-Surface-Primary-light-Normal);
position: absolute;
left: 16px;
top: 16px;
padding: var(--Spacing-x-quarter) var(--Spacing-x1);
border-radius: var(--Corner-radius-Small);
}