kitten-components/assets/javascripts/kitten/karl/buttons/star-button.js

Front-end components library

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { StarIcon } from 'kitten/components/icons/star-icon'
import { ButtonIcon } from 'kitten/components/buttons/button-icon'
import COLORS from 'kitten/constants/colors-config'

export class KarlStarButton extends Component {
  static propTypes = {
    size: PropTypes.string,
  }

  static defaultProps = {
    size: '',
  }

  render() {
    const { size } = this.props

    return (
      <ButtonIcon
        style={styles.buttonIcon}
        className="k-ButtonIcon--star"
        size={size}
      >
        <StarIcon className="k-ButtonIcon__svg" />
      </ButtonIcon>
    )
  }
}

const styles = {
  buttonIcon: {
    backgroundColor: COLORS.font1,
    borderColor: COLORS.font1,
    color: COLORS.background1,
    cursor: 'auto',
  },
}