jobiqo-cl/lib/src/components/02-atoms/01-forms/11-form-item/01-form-label/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var styled = require('styled-components');
var styled__default = _interopDefault(styled);

/**
 * @file index.tsx
 *
 * @fileoverview Renders a label for form items.
 */
const FormLabel = styled__default.label `
  margin-bottom: ${props => props.theme.formItem.label.marginBottom};
  text-transform: ${props => props.theme.formItem.label.textTransform};
  letter-spacing: ${props => props.theme.formItem.label.letterSpacing};
  font-size: ${props => props.theme.formItem.label.fontSize};

  ${props => (props.error ? `color: ${props.theme.colors.danger};` : ``)}

  ${props => props.required
    ? `
  &::after {
    content: '*';
    margin-left: 0.5rem;
    color: ${props.theme.colors.danger};
  }
`
    : ``}
`;

exports.FormLabel = FormLabel;