import styled from 'styled-components/macro';

import { color } from '../../theme';
import { Icon } from '../Icon/Icon';

export const StyledContainer = styled.div`
  align-items: center;
  display: flex;
  height: 36px;
  justify-content: center;
  min-height: 36px;
  min-width: 36px;
  width: 36px;
`;

export const TunedIcon = styled(Icon)`
  color: ${color('sys/color/text/secondary')};
  height: 24px;
  width: 24px;
`;