import styled from '@emotion/native';
import { View } from 'react-native';

const StyledMarker = styled(View)<{ themeDisabled: boolean }>(
  ({ themeDisabled, theme }) => ({
    height: theme.__hd__.slider.sizes.markerHeight,
    width: theme.__hd__.slider.sizes.markerWidth,
    borderRadius: theme.__hd__.slider.radii.marker,
    backgroundColor: themeDisabled
      ? theme.__hd__.slider.colors.disabledThumb
      : theme.__hd__.slider.colors.thumb,
    ...theme.__hd__.slider.shadows.marker,
  })
);

export { StyledMarker };
