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

export function Shell({ ...rest }: ShellProps) {
  return (
    <svg width="909" height="517" viewBox="0 0 909 517" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest}>
      <path d="M48 16C48 7.16343 55.1634 0 64 0H845C853.837 0 861 7.16344 861 16V490H48V16Z" fill="black" />
      <path fillRule="evenodd" clipRule="evenodd" d="M62 28H847V466H62V28Z" />
      <path d="M0 490H909V493C909 506.255 898.255 517 885 517H24C10.7452 517 0 506.255 0 493V490Z" fill="#282828" />
    </svg>
  );
}

// 设备截图的实际尺寸
export const width = 909;
export const height = 517;

// 屏幕的比例
export const ratio = 438 / 785;

// 屏幕相关数据
export const screenData = {
  // 屏幕坐标轴相对图片的百分比
  x: 68 / 909,
  y: 28 / 517,
  // 屏幕尺寸相对图片尺寸的百分比
  width: 773 / 909,
  height: 438 / 517,
  // 是否有圆角
  radius: 'none',
};

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