import { ReactElement, ReactNode } from 'react'; import PropTypes from 'prop-types'; import { Record } from '../../features/core'; /** * Tabbed Layout for a Show view, showing fields grouped in tabs. * * Receives the current `record` from the parent `` component, * and passes it to its children. Children should be Tab components. * The component passed as `tabs` props replaces the default material-ui's component. * * @example * // in src/posts.js * import * as React from "react"; * import { Show, TabbedShowLayout, Tab, TextField } from '../../app'; * * export const PostShow = (props) => ( * * * * * * * * * * * * ); * * // in src/App.js * import * as React from "react"; * import { Admin, Resource } from '../../app'; * * import { PostShow } from './posts'; * * const App = () => ( * * * * ); * export default App; */ export declare const TabbedShowLayout: { (props: TabbedShowLayoutProps): JSX.Element; propTypes: { basePath: PropTypes.Requireable; children: PropTypes.Requireable; className: PropTypes.Requireable; location: PropTypes.Requireable; match: PropTypes.Requireable; record: PropTypes.Requireable; resource: PropTypes.Requireable; syncWithLocation: PropTypes.Requireable; tabs: PropTypes.Requireable; value: PropTypes.Requireable; version: PropTypes.Requireable; }; defaultProps: { tabs: JSX.Element; }; }; export interface TabbedShowLayoutProps { basePath?: string; className?: string; children: ReactNode; record?: Record; resource?: string; syncWithLocation?: boolean; tabs?: ReactElement; value?: any; version?: number; }