# AUTO GENERATED FILE - DO NOT EDIT

from dash.development.base_component import Component, _explicitize_args


class Grid(Component):
    """A Grid component.
ExampleComponent is an example component.
It takes a property, `label`, and
displays it.
It renders an input with the property `value`
which is editable by the user.

Keyword arguments:
- children (a list of or a singular dash component, string or number; optional): The content of the component.
- alignContent (a value equal to: 'stretch', 'center', 'flex-start', 'flex-end', 'space-between', 'space-around'; optional): Defines the align-content style property. It's applied for all screen sizes.
- alignItems (a value equal to: 'flex-start', 'center', 'flex-end', 'stretch', 'baseline'; optional): Defines the align-items style property. It's applied for all screen sizes.
- className (string; optional): Override or extend the styles applied to the component. See CSS API below for more details.
- component (optional): The component used for the root node. Either a string to use a DOM element or a component.
- container (boolean; optional): If true, the component will have the flex container behavior. You should be wrapping items with a container.
- direction (a value equal to: 'row', 'row-reverse', 'column', 'column-reverse'; optional): Defines the flex-direction style property. It is applied for all screen sizes.
- id (string; optional): The components id
- item (boolean; optional): If true, the component will have the flex item behavior. You should be wrapping items with a container.
- justify (a value equal to: 'flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'; optional): Defines the justify-content style property. It is applied for all screen sizes.
- lg (a value equal to: false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12; optional): Defines the number of grids the component is going to use. It's applied for the lg breakpoint and wider screens if not overridden.
- md (a value equal to: false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12; optional): Defines the number of grids the component is going to use. It's applied for the md breakpoint and wider screens if not overridden.
- sm (a value equal to: false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12; optional): Defines the number of grids the component is going to use. It's applied for the sm breakpoint and wider screens if not overridden.
- spacing (a value equal to: 0, 8, 16, 24, 32, 40; optional): Defines the space between the type item component. It can only be used on a type container component.
- style (dict; optional): Add style object
- wrap (a value equal to: 'nowrap', 'wrap', 'wrap-reverse'; optional): Defines the flex-wrap style property. It's applied for all screen sizes.
- xl (a value equal to: false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12; optional): Defines the number of grids the component is going to use. It's applied for the xl breakpoint and wider screens.
- xs (a value equal to: false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12; optional): Defines the number of grids the component is going to use. It's applied for all the screen sizes with the lowest priority.
- zeroMinWidth (boolean; optional): If true, it sets min-width: 0 on the item. Refer to the limitations section of the documentation to better understand the use case."""
    @_explicitize_args
    def __init__(self, children=None, alignContent=Component.UNDEFINED, alignItems=Component.UNDEFINED, className=Component.UNDEFINED, component=Component.UNDEFINED, container=Component.UNDEFINED, direction=Component.UNDEFINED, id=Component.UNDEFINED, item=Component.UNDEFINED, justify=Component.UNDEFINED, lg=Component.UNDEFINED, md=Component.UNDEFINED, sm=Component.UNDEFINED, spacing=Component.UNDEFINED, style=Component.UNDEFINED, wrap=Component.UNDEFINED, xl=Component.UNDEFINED, xs=Component.UNDEFINED, zeroMinWidth=Component.UNDEFINED, **kwargs):
        self._prop_names = ['children', 'alignContent', 'alignItems', 'className', 'component', 'container', 'direction', 'id', 'item', 'justify', 'lg', 'md', 'sm', 'spacing', 'style', 'wrap', 'xl', 'xs', 'zeroMinWidth']
        self._type = 'Grid'
        self._namespace = 'dashmaterialui'
        self._valid_wildcard_attributes =            []
        self.available_properties = ['children', 'alignContent', 'alignItems', 'className', 'component', 'container', 'direction', 'id', 'item', 'justify', 'lg', 'md', 'sm', 'spacing', 'style', 'wrap', 'xl', 'xs', 'zeroMinWidth']
        self.available_wildcard_properties =            []

        _explicit_args = kwargs.pop('_explicit_args')
        _locals = locals()
        _locals.update(kwargs)  # For wildcard attrs
        args = {k: _locals[k] for k in _explicit_args if k != 'children'}

        for k in []:
            if k not in args:
                raise TypeError(
                    'Required argument `' + k + '` was not specified.')
        super(Grid, self).__init__(children=children, **args)