// Libraries
import React from 'react';

import { NavModelItem } from '@grafana/data';
import { Page } from 'app/core/components/Page/Page';
import { GrafanaRouteComponentProps } from 'app/core/navigation/types';

import { getSceneByTitle } from './scenes';

export interface Props extends GrafanaRouteComponentProps<{ name: string }> {}

export const SceneEmbeddedPage = (props: Props) => {
  const scene = getSceneByTitle(props.match.params.name);

  if (!scene) {
    return <h2>Scene not found</h2>;
  }

  const pageNav: NavModelItem = {
    text: 'Embedded Scene',
  };

  return (
    <Page navId="scenes" pageNav={pageNav}>
      <Page.Contents>
        <scene.Component model={scene} />
      </Page.Contents>
    </Page>
  );
};

export default SceneEmbeddedPage;