This function determines the correct class name variation style for an input component depending on the attribute type. This is a quick rundown of every variation:

• box: The default box input, this style is shared with the textarea and select components.
• button: For inputs that have button shape.
• bool: Boolean input types that includes radio and checkbox.
• date: Some date/time input types have styles specific to the browser or OS, this class name standarizes them to look like the box variation.
• range: Specific of the range type.
• color: Specific of the color type.
• file: Specific of the file type.