import React from 'react';
import { Card, Divider, Typography } from 'antd';
import SparepartCardSelect from './SparepartCardSelect';

const { Text } = Typography;

const SparepartForm = ({
    sparepartForm,
    selectedSparepartIds,
    onSparepartChange,
    isReadOnly = false
}) => {
    return (
        <div>
            <Card size="small" title="Spareparts">
                <SparepartCardSelect
                    selectedSparepartIds={selectedSparepartIds}
                    onSparepartChange={onSparepartChange}
                    isReadOnly={isReadOnly}
                />
            </Card>
        </div>
    );
};

export default SparepartForm;