Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | /* Copyright (C) Click & Push Accessibility, Inc - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written and maintained by the Click & Push Development team * <dev@clicknpush.ca>, January 2022 */ import React from "react" import { Button, Text, TouchableOpacity, View, ViewStyle } from "react-native" import Collapsible from "react-native-collapsible" import { Separator } from "../../Separator" import { ProfileSectionStyles } from "../Styles/ProfileSections.styles" import { ProfileSectionHeader } from "./ProfileSectionHeader" interface ProfileSectionProps { collapseToggleMethod: () => void isCollapsed: boolean title: string style?: ViewStyle } export const ProfileSection: React.FC<ProfileSectionProps> = ({isCollapsed, collapseToggleMethod, children, title, style}) => { return ( <View> <ProfileSectionHeader isCollapsed={isCollapsed} collapseToggleMethod={collapseToggleMethod} title={title} /> <Collapsible collapsed={isCollapsed} > <View style={[style, ProfileSectionStyles.sectionCollapsibleContainer]}> <Separator color="lightgray" style={{marginBottom: 25}}/> {children} </View> </Collapsible> </View> ) } |