import { standardFocusOutline } from "../styles/common.js";
import styled from "@emotion/styled";
//#region src/components/UnstyledButton.tsx
const UnstyledButton = styled.button`
  ${standardFocusOutline}
  font-family: ${({ theme }) => theme.typography.fontFamilies.main};
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
  /* needed in Safari for some reason */
  font-size: 1rem;
  color: inherit;
  font-weight: inherit;
`;
//#endregion
export { UnstyledButton };
