/**
 * Copyright 2024 Phenix Real Time Solutions, Inc. Confidential and Proprietary. All Rights Reserved.
 */
import * as styled from 'styled-components';
import Theme from 'theme';

const {spacing, colors, typography} = Theme;

export const Label = styled.default.label<{color?: string}>`
  font-size: ${typography.fontSizeS};
  color: ${({color}) => (color || colors.gray900)};
  font-weight: bold;
  margin: ${spacing.xxSmall} 0;
  display: block;
`;