export const Breakpoints = { xs : '(max-width: 575.98px)' as '(max-width: 575.98px)' , sm : '(min-width: 576px) and (max-width: 767.98px)' as '(min-width: 576px) and (max-width: 767.98px)' , md : '(min-width: 768px) and (max-width: 991.98px)' as '(min-width: 768px) and (max-width: 991.98px)' , lg : '(min-width: 992px) and (max-width: 1199.98px)' as '(min-width: 992px) and (max-width: 1199.98px)' , xl : '(min-width: 1200px)' as '(min-width: 1200px)' } ; export type Breakpoint = typeof Breakpoints [ keyof typeof Breakpoints ] ;