import { jsx as _jsx } from "react/jsx-runtime";
import styled, { css } from 'styled-components';
import { defaultThemeProp } from '../../theme';
export const markStyles = ({ theme }) => css `
  color: ${theme.base.colors.black};
  background-color: ${theme.components.mark['background-color']};
  font-weight: ${theme.components.mark['font-weight']};
`;
export const StyledMark = styled.mark `
  ${markStyles}
`;
StyledMark.defaultProps = defaultThemeProp;
const Mark = props => {
    return _jsx(StyledMark, { ...props });
};
export default Mark;
//# sourceMappingURL=Mark.js.map