ts props

ts.tsx

import React, { Component } from 'react';
// import React from 'react'

// interface Props {
//   disableFocusRipple?: boolean;
//   fullWidth?: boolean;
//   href?: string;
//   size?: 'small' | 'medium' | 'large';
//   variant?: 'text' | 'outlined' | 'contained';
// }

// export function Thing({ size }: Props) {
//   return <div>Hello {size}</div>;
// }

interface Props {
  value?: string
  size?: 'small' | 'medium' | 'large'
}

class Thing extends Component<Props, {}> {
  render() {
    return (
      <div>
        {this.props.value}
      </div>
    );
  }
}

export { Thing };