Select the attribute and value, which is used to add a green color button using react-bootstrap Button component: className={"btn btn-success"} className={"success"} variant="success" variant={{"btn-success"}}

Select the most appropriate option of adding the css class in a react component:.sample{ color:red, border:1px solid green; } style={sample}class={"sample"}className={"sample"}style={{sample}}

Which of the below is the correct syntax for styling a component in React?

import React, { Component } from 'react';  import { SplitButton, Dropdown } from 'react-bootstrap';    class ThemeSwitcher extends Component {      state = { theme: null }        chooseTheme = (theme, evt) => {      evt.preventDefault();      if (theme.toLowerCase() === 'reset') { theme = null }      this.setState({ theme });    }        render() {      const { theme } = this.state;      const themeClass = theme ? theme.toLowerCase() : 'default';            const parentContainerStyles = {        position: 'absolute',        height: '100%',        width: '100%',        display: 'table'      };            const subContainerStyles = {        position: 'relative',        height: '100%',        width: '100%',        display: 'table-cell',      };            return (        <div style={parentContainerStyles}>          <div style={subContainerStyles}>                      <span className={`h1 center-block text-center text-${theme ? themeClass : 'muted'}`} style={{ marginBottom: 25 }}>{theme || 'Default'}</span>                        <div className="center-block text-center">              <SplitButton bsSize="large" bsStyle={themeClass} title={`${theme || 'Default Block'} Theme`}>                <Dropdown.Item eventKey="Primary Block" onSelect={this.chooseTheme}>Primary Theme</Dropdown.Item>                <Dropdown.Item eventKey="Danger Block" onSelect={this.chooseTheme}>Danger Theme</Dropdown.Item>                <Dropdown.Item eventKey="Success Block" onSelect={this.chooseTheme}>Success Theme</Dropdown.Item>                <Dropdown.Item divider />                <Dropdown.Item eventKey="Reset Block" onSelect={this.chooseTheme}>Default Theme</Dropdown.Item>              </SplitButton>            </div>            </div>        </div>      );     }   }  export default ThemeSwitcher;

How can you style components in React? a. By using inline styles b. By importing external CSS files c. All of the above d. By using CSS-in-JS libraries like styled-components

o change the style of a Bootstrap component, you use ______________.