DonationReceipt.tsx
5 months ago
DonationSummaryItems.tsx
1 year ago
FieldDescription.tsx
2 years ago
FieldError.tsx
2 years ago
FieldLabel.tsx
2 years ago
Form.tsx
2 years ago
FormError.tsx
1 year ago
Goal.tsx
1 year ago
GoalAchieved.tsx
2 years ago
Header.tsx
2 years ago
HeaderDescription.tsx
1 year ago
HeaderImage.tsx
2 years ago
HeaderTitle.tsx
2 years ago
MultiStepForm.tsx
2 years ago
NodeWrapper.tsx
2 years ago
Section.tsx
1 year ago
HeaderImage.tsx
19 lines
| 1 | import {HeaderImageProps} from '@givewp/forms/propTypes'; |
| 2 | |
| 3 | /** |
| 4 | * @since 3.5.0 |
| 5 | */ |
| 6 | export default function HeaderImage({url, alt, color, opacity}: HeaderImageProps) { |
| 7 | return ( |
| 8 | <> |
| 9 | {color && ( |
| 10 | <div |
| 11 | style={{'--givewp-image-color': color, '--givewp-image-opacity': opacity} as React.CSSProperties} |
| 12 | className={'givewp-layouts-headerImage__overlay'} |
| 13 | /> |
| 14 | )} |
| 15 | <img src={url} alt={alt} /> |
| 16 | </> |
| 17 | ); |
| 18 | } |
| 19 |