@selfcommunity/react-templates/lib/cjs/components/LoyaltyProgramDetail/LoyaltyProgramDetail.d.ts

React Templates Components to integrate a Community created with SelfCommunity.

export interface LoyaltyProgramDetailProps {
    /**
     * Overrides or extends the styles applied to the component.
     * @default null
     */
    className?: string;
    /**
     * Other props
     */
    [p: string]: any;
}
/**
 * > API documentation for the Community-JS Loyalty Program Detail Template. Learn about the available props and the CSS API.
 *
 *
 * This component renders the loyalty program detail template.
 * Take a look at our <strong>demo</strong> component [here](/docs/sdk/community-js/react-templates/Components/LoyaltyProgramDetail)

 #### Import

 ```jsx
 import {LoyaltyProgramDetail} from '@selfcommunity/react-templates';
 ```

 #### Component Name

 The name `SCLoyaltyProgramDetailTemplate` can be used when providing style overrides in the theme.


 #### CSS

 |Rule Name|Global class|Description|
 |---|---|---|
 |root|.SCLoyaltyProgramDetailTemplate-root|Styles applied to the root element.|
 |userPoints|.SCLoyaltyProgramDetailTemplate-user-points|Styles applied to the chip element.|
 |title|.SCLoyaltyProgramDetailTemplate-title|Styles applied to the title element.|
 |sectionTitle|.SCLoyaltyProgramDetailTemplate-section-title|Styles applied to the section title element.|
 |sectionInfo|.SCLoyaltyProgramDetailTemplate-section-info|Styles applied to the section info element.|
 |pointsSection|.SCLoyaltyProgramDetailTemplate-points-section|Styles applied to the points section.|
 |prizeSection|.SCLoyaltyProgramDetailTemplate-prize-section|Styles applied to the prize section.|
 |card|.SCLoyaltyProgramDetailTemplate-card|Styles applied to the card elements.|
 |cardTitle|.SCLoyaltyProgramDetailTemplate-card-title|Styles applied to the card title element.|
 |cardContent|.SCLoyaltyProgramDetailTemplate-card-content|Styles applied to the card content section.|
 |prizePoints|.SCLoyaltyProgramDetailTemplate-prize-points|Styles applied to the prize points element.|
 |actionButton|.SCLoyaltyProgramDetailTemplate-action-button|Styles applied to the action button element.|
 |notRequestable|.SCLoyaltyProgramDetailTemplate-not-requestable|Styles applied to elements that are not requestable.|
 |endMessage|.SCLoyaltyProgramDetailTemplate-end-message|Styles applied to the infinity scroll final section.|
/**
 *
 * @param inProps
 * @constructor
 */
export default function LoyaltyProgramDetail(inProps: LoyaltyProgramDetailProps): JSX.Element;