export const width = 268;
export const height = 554;

export interface ShellProps extends React.ComponentProps<'svg'> {}

export function Shell({ ...rest }: ShellProps) {
  return (
    <svg width="268" height="554" viewBox="0 0 268 554" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest}>
      <path
        d="M37 7.5H230.929C247.222 7.5 260.429 20.7076 260.429 37V517C260.429 533.292 247.222 546.5 230.929 546.5H37C20.7076 546.5 7.5 533.292 7.5 517V37C7.5 20.7076 20.7076 7.5 37 7.5Z"
        fill="#2F2F2F"
        stroke="#2F2F2F"
        strokeWidth="15"
      />
    </svg>
  );
}

export const ratio = 798 / 386;

export const screenData = {
  x: 15 / 384,
  y: 15 / 794,
  width: 354 / 384,
  height: 764 / 794,
  radius: '10% / 5%',
};

export default {
  Shell,
  ratio,
  screenData,
  width,
  height,
};
