import ButtonLink from '../components/ButtonLink';
import ButtonModal from '../components/ButtonModal';
import PropTypes from 'prop-types';
import React from 'react';
const MembershipOptionCard = ({ account_active, buttonLink, buttonFestivalLink, color, disableButton, includesList, includesText, is_member, optionCTA, optionCTAFestivalList, optionDescription, optionName, plans, userName }) => (
{ optionName }
{ !is_member &&
{ optionDescription }
}
{ !is_member &&
{ plans && plans.length > 0
? plans.map((plan, index) => ({ plan.id === 'month' && { plan.currency === 'USD' ? "US" : plan.currency } }{ plan.price }
{/* { plan.id === 'month' ? '/mo' : plan.id === 'year' ? '/yr' : `/${plan.id}` } */}
{ `/${plan.id}` }
))
: Free
}
}
{ (plans && plans.length > 0) && !buttonLink ?
: buttonLink &&
}
{ !is_member ?
{ includesText }
{
{ includesList.map((includeItem, index) => - { includeItem }
) }
}
:
}
)
MembershipOptionCard.propTypes = {
account_active: PropTypes.bool,
buttonLink: PropTypes.string,
buttonFestivalLink: PropTypes.string,
color: PropTypes.string,
disableButton: PropTypes.bool,
includesList: PropTypes.arrayOf(
PropTypes.string
),
includesText: PropTypes.string,
is_member: PropTypes.bool,
optionCTA: PropTypes.string,
optionCTAFestivalList: PropTypes.string,
optionDescription: PropTypes.string,
optionName: PropTypes.string,
plans: PropTypes.arrayOf(PropTypes.shape()),
userName: PropTypes.string,
}
MembershipOptionCard.defaultProps = {
// buttonLink: '#',
buttonFestivalLink: '/pro/festivals',
color: 'blue',
includesText: 'Includes:',
optionCTAFestivalList: 'See the festival list'
}
export default MembershipOptionCard;