import * as React from "react";

import { Treadmill, TreadmillDirection } from "../../components/Treadmill";

export class Airsight extends React.Component<{}, {}> {
  public render() {
    return (
      <div className="airsight">
        <Treadmill
          direction={TreadmillDirection.Vertical}
          panes={3}
          renderPane={(pane: number) => {
            return (
              <div className="gradient--black h-full w-full flex justify-center items-center text-white" style={{
                "textShadow": "1px 1px 1px rgba(255, 255, 255, 0.3)",
              }}>
                {(() => {
                  switch (pane) {
                    case 0:
                      return (
                        <div className="airsight__pane">
                          <div className="shadow-lg gradient--aircam rounded-full" style={{
                            height: "150px",
                            width: "150px",
                          }}/>
                        </div>
                      );
                    default:
                      return <div>{pane}</div>
                  }
                })()}
              </div>
            );
          }}
        /> 
      </div>
    );
  }
}