import React from 'react';
import { SBox } from '../s-components/layout/s-box';
import { Icon } from './icon';

type TProps = {};

export const StarredIcon: React.FC<TProps> = () => {
  return (
    <SBox
      testID="starred-icon"
      top={6}
      right={6}
      zIndex={5}
      position="absolute"
      backgroundColor="white"
      width={24}
      height={24}
      borderRadius={12}
      alignItems="center"
      justifyContent="center"
      pl={0.3}
    >
      <Icon name="star" size={22} color="wildStrawberry" />
    </SBox>
  );
};