import React from 'react';
import { Label } from '@theorchard/suite-components';

export interface AccountGeneralSectionProps {
    accountDetails: {
        accountId: string;
    };
}

export default function AccountGeneralSection({
    accountDetails,
}: AccountGeneralSectionProps) {
    const { accountId } = accountDetails;

    return (
        <div
            className="AccountDetail-general-details"
            data-testid="accountGeneralDetails"
        >
            <div>
                <Label text="Account Id" />
            </div>
            <div>{accountId}</div>
        </div>
    );
}