import React, { Component } from 'react'
import { rgb, getPixel } from './Utils'
class FramePreview extends Component {
render() {
let width = this.props.pixels.length
let height = this.props.pixels[0].length
let rows = []
for (var y=height-1; y>=0; y--) {
let cells = []
for (var x=0; x)
}
rows.push(
{cells}
)
}
let bgColor = this.props.selected ? "red" : "grey"
return
}
}
export default class FrameControl extends Component {
// frames: []
// selectedFrame: number
render() {
// A series of divs, 1 per frame,
let frames = this.props.frames
let selectedFrame = this.props.selectedFrame
let framePreviews = frames.map((frame, ix) =>
Frame {ix+1}
this.props.onFrameSelected(ix)}/>
)
return {framePreviews}
}
}
const styles = {
previewcontainer: {
},
previewTable: {
},
previewPixel: {
width: "4px",
height: "4px",
}
}