Merged in feat/new-rate-cards (pull request #1600)

feat(SW-1435): Added RateCard component to design system

* feat(SW-1435): Added new component: RateCard to design system

* feat: added reward night points rate card

* fix: set svg icon color to "currentColor" to make them more reusable

* fix: added click handler for info icon

* fix: added selectedRate


Approved-by: Arvid Norlin
This commit is contained in:
Tobias Johansson
2025-03-25 10:41:43 +00:00
parent fef3a785d0
commit 0e2192be0f
18 changed files with 1118 additions and 0 deletions

View File

@@ -0,0 +1,38 @@
import type { Meta, StoryObj } from '@storybook/react'
import { RateCard } from './RateCard'
const meta: Meta<typeof RateCard> = {
title: 'Components/RateCard/Regular',
component: RateCard,
decorators: [
(Story) => (
<div style={{ maxWidth: '400px' }}>
<Story />
</div>
),
],
argTypes: {
title: { control: 'text' },
},
}
export default meta
type Story = StoryObj<typeof RateCard>
export const Regular: Story = {
args: {
variant: 'Regular',
title: 'FREE CANCELLATION / PAY NOW',
rate: {
label: 'Standard Price',
price: '1989',
unit: 'EUR/night',
},
approximateRate: {
price: '1989 EUR',
label: 'Approx.',
},
},
}