import { useMedia } from "react-use"

export const useColumnStyles = () => {
	const isTablet = useMedia("(max-width: 640px)")

	return {
		title: {
			"--width": "69px",
			"--min-width": "200px",
			"--max-width": isTablet ? "none" : "auto"
		},
		topic: { "--width": "65px", "--min-width": "120px", "--max-width": "120px" }
	}
}