is-mobile判定の追加とstyled componentへのprops渡し

[spaspa]

型が複雑になったりシンタックスハイライトが効かなかったりしますが……

[sapphi-red]

type Primitify<T> = T extends String
  ? string
  : T extends Number
  ? number
  : T extends Boolean
  ? boolean
  : T extends BigInt
  ? bigint
  : T extends Symbol
  ? symbol
  : T
  //: T extends Object
  //? Record<string, any>
  //: never


type Constructorize<T> = ObjectConstructor & {
  new (): T
}

const HeaderProps = { poyo: Object as Constructorize<{ a: boolean }> }

const Header = styled('h1', HeaderProps)`
  font: {
    size: 30px;
    weight: bold;
  }
  color: ${theme.accent.primary};
  background-color: ${props => (props.poyo.a ? 'red' : 'blue')};
`

型の実体と宣言が微妙にずれるんですがこんな感じにするとprops.poyo.aに型つけれました

Arrayも似たような感じでできるかもしれないです

[spaspa]

なるほど、new()で返せば良いのか
基本プリミティブでやって、どうしてもオブジェクト使いたい時はこうしていく感じにしますか

[spaspa]

胡蝶の夢を見ていたようなので閉じます