// @flow
import * as React from "react";
import type { StyledComponent } from "styled-components";

import type { Globals } from "../../common/common.js.flow";

type Align = "start" | "end" | "left" | "center" | "right";
type As = "th" | "td";
type Scope = "col" | "row" | "colgroup" | "rowgroup";
type WhiteSpace = "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
type VerticalAlign = "baseline" | "middle" | "top" | "bottom";

export type Props = {|
  +children?: React.Node,
  +align?: Align,
  +as?: As,
  +scope?: Scope,
  +whiteSpace?: WhiteSpace,
  +verticalAlign?: VerticalAlign,
  ...Globals,
|};

declare export default React.ComponentType<Props>;

declare export var StyledTableCell: StyledComponent<any, any, HTMLElement>;