useTheme

useTheme is a simple hook to get theme data of current as an object.

import * as React from "react"
import * as System from "@harborschool/lighthouse"
import { useTheme } from "@harborschool/lighthouse"
export function Example() {
  const theme = useTheme()
  
  return <System.Block backgroundColor={theme.colors.primary}>Comp</System.Block>;
}

© Lighthouse Design System 2022

Created by