import * as React from 'react';
import { LinkBase } from '../routing';
import type { RaRecord } from '../types';
import { useRecordContext } from '../controller/record/useRecordContext';
import { useResourceContext } from '../core/useResourceContext';

export const ShowButton = (props: { record?: RaRecord; resource?: string }) => {
    const record = useRecordContext(props);
    const resource = useResourceContext(props);

    if (!record) return null;
    return (
        <LinkBase
            to={`/${resource}/${record.id}/show`}
            onClick={e => {
                e.stopPropagation();
            }}
        >
            Show
        </LinkBase>
    );
};