Custom Responsive Breakpoints

[Jasonnicholas-ZEN]

Describe the Custom Component
Currently the default breakpoints are only:

"sm": '30em',
"md": '48em',
"lg": '62em',
"xl": '80em',
"2xl": '96em',

Could we have a component to customize this dictionary? Such that I wish to set custom breakpoints as the following:

 breakpoints={
        "sm": '640px',
        "md": '768px',
        "lg": '992px',
        "xl": '1865px',
        "2xl": '1920px',
    },

• What is the purpose of the custom component?

To set custom responsive breakpoints

• What is the expected behavior of the custom component?

NA

• What are the use cases for the custom component?

NA

Specifics (please complete the following information):

• Do you have a specific react package in mind? (Optional):

NA

Additional context
Add any other context about the custom component here.