pc-more-complete.jsx

import * as styles from "./styles.pc";

const InvestorSignupPage = () => {
  const {
    title,
    accountKinds,
    onAccountKindChange,
    onContinue,
    onSignup,
  } = useSignupPage();

  return (
    <styles.Wrapper>
      <styles.Header
        title={title}
        accessLink={<NavLink to="/login">Log in</NavLink>}
      />
      <styles.Content>
        <styles.Title subtitle="Select the option that best aligns with you">
	  Choose an account
	</styles.Title>
        <styles.AccountTypeOption
	  checked={accountKinds.includes(AccountKind.PortfolioAnalytics)}
	  name="Portfolio analytics"
	  description="Analyze your portfolio companies in real-time and help them to access non-dilutive financing offers."
	  onClick={() => onAccountKindChange(AccountKind.PortfolioAnalytics)}
	/>
	<styles.AccountTypeOption
	  checked={accountKinds.includes(AccountKind.CreditInvesting)}
	  name="Credit investing"
	  description="Source debt investments from our database of over +1,500 companies on our platform."
	  onClick={() => onAccountKindChange(AccountKind.CreditInvesting)}
	/>
	<Button wfull v3 primary onClick={onContinue}>
          Continue
	</Button>
      </styles.Content>
    </styles.Wrapper>
  );
};