You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
552 B
30 lines
552 B
import { currencySymbols } from 'config'
|
|
|
|
import { T9n } from 'features/T9n'
|
|
|
|
import {
|
|
PriceAmount,
|
|
PriceDetails,
|
|
PriceWrapper,
|
|
} from './styled'
|
|
|
|
type Props = {
|
|
amount: number,
|
|
className?: string,
|
|
currency?: string,
|
|
perPeriod?: string,
|
|
}
|
|
|
|
export const Price = ({
|
|
amount,
|
|
className,
|
|
currency = currencySymbols.RUB,
|
|
perPeriod = 'month',
|
|
}: Props) => (
|
|
<PriceWrapper className={className}>
|
|
<PriceAmount>{amount}</PriceAmount>
|
|
<PriceDetails>
|
|
{currency} / <T9n t={perPeriod} />
|
|
</PriceDetails>
|
|
</PriceWrapper>
|
|
)
|
|
|