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

const {typography: {fontSizeL}, colors} = theme;

export const IconButton = styled.default.button`
  border: none;
  background-color: transparent;
  font-size: ${fontSizeL};
  color: ${colors.white};
  opacity: ${({disabled}) => (disabled ? 0.3 : 1)};
  cursor: ${({disabled}) => (disabled ? 'not-allowed' : 'pointer')};
  display: flex;
`;
